sproutcore 1.10.3.1 → 1.11.0.rc1

data/lib/frameworks/sproutcore/frameworks/desktop/system/undo_manager.js

@@ -1,224 +0,0 @@
-// ==========================================================================
-// 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)
-// ==========================================================================
-
-/*
-  TODO More docs for this class
-*/
-
-/**
-  @class
-  
-  This is a simple undo manager.  To use this UndoManager, all you need to
-  do is to make sure that you register a function with this manager to undo
-  every change you make.  You can then invoke the undo/redo methods to do it.
-  
-  ## Using SC.UndoManager
-  
-  Typically you create an undo manager inside on of your controllers.  Then,
-  whenever you are about to perform an action on your model object, all you
-  need to do is to register a function with the undo manager that can undo 
-  whatever  you just did.
-  
-  Besure the undo function you register also saves undo functions.  This makes
-  redo possible.
-  
-  @extends SC.Object
-*/
-SC.UndoManager = SC.Object.extend(
-/** @scope SC.UndoManager.prototype */ {
-
-  /** 
-    Use this property to build your Undo menu name.
-    
-    @field
-    @type String
-    @default null
-  */
-  undoActionName: function() { 
-    return this.undoStack ? this.undoStack.name : null ;
-  }.property('undoStack'),
-  
-  /** 
-    Use this property to build your Redo menu name.
-    
-    @field
-    @type String
-    @default null
-  */
-  redoActionName: function() { 
-    return this.redoStack ? this.redoStack.name : null ;
-  }.property('redoStack'),
-
-  /** 
-    True if there is an undo action on the stack.
-    
-    Use to validate your menu item.
-    
-    @field
-    @type Boolean
-    @default NO
-  */
-  canUndo: function() { 
-    // instead of this.undoStack !== null && this.undoStack !== undefined
-    return this.undoStack != null;
-  }.property('undoStack'),
-  
-  /** 
-    True if there is an redo action on the stack. Use to validate your menu item.
-    
-    @field
-    @type Boolean
-    @default NO
-  */
-  canRedo: function() { 
-    // instead of this.redoStack !== null && this.redoStack !== undefined
-    return this.redoStack != null; 
-  }.property('redoStack'),
-  
-  /**
-    Tries to undo the last action. Fails if an undo group is currently open.
-    
-    @returns {Boolean} YES if succeeded, NO otherwise.
-  */
-  undo: function() {
-    this._undoOrRedo('undoStack','isUndoing');
-  },
-  
-  /**
-    Tries to redo the last action. Fails if a redo group is currently open.
-    
-    @returns {Boolean} YES if succeeded, NO otherwise.
-  */
-  redo: function() {
-    this._undoOrRedo('redoStack','isRedoing');
-  },
-  
-  /**
-    @type Boolean
-    @default NO
-  */
-  isUndoing: NO,
-  
-  /**
-    @type Boolean
-    @default NO
-  */
-  isRedoing: NO, 
-  
-  /** @private */
-  groupingLevel: 0,
-  
-  // --------------------------------
-  // SIMPLE REGISTRATION
-  //
-  // These are the core method to register undo/redo events.
-  
-  /**
-    This is how you save new undo events.
-    
-    @param {Function} func A prebound function to be invoked when the undo executes.
-    @param {String} [name] An optional name for the undo.  If you are using 
-      groups, this is not necessary.
-  */
-  registerUndo: function(func, name) {
-    this.beginUndoGroup(name) ;
-    this._activeGroup.actions.push(func) ;
-    this.endUndoGroup(name) ;
-  },
-
-  /**
-    Begins a new undo groups
-
-    Whenever you start an action that you expect to need to bundle under a single
-    undo action in the menu, you should begin an undo group.  This way any
-    undo actions registered by other parts of the application will be
-    automatically bundled into this one action.
-    
-    When you are finished performing the action, balance this with a call to
-    `endUndoGroup()`.
-    
-    @param {String} name
-  */
-  beginUndoGroup: function(name) {
-    // is a group already active? Just increment the counter.
-    if (this._activeGroup) {
-      this.groupingLevel++ ;
-      
-    // otherwise, create a new active group.  
-    } else {
-      var stack = this.isUndoing ? 'redoStack' : 'undoStack' ;
-      this._activeGroup = { name: name, actions: [], prev: this.get(stack) } ;
-      this.set(stack, this._activeGroup) ;
-      this.groupingLevel = 1 ;
-    }
-  },
- 
-  /**
-    @throws {Error} If there is no active group
-    
-    @param {String} name
-    @see beginUndoGroup()
-  */
-  endUndoGroup: function(name) {
-    // if more than one groups are active, just decrement the counter.
-    if (!this._activeGroup) raise("endUndoGroup() called outside group.") ;
-    if (this.groupingLevel > 1) {
-      this.groupingLevel-- ;
-      
-    // otherwise, close out the current group.
-    } else {
-      this._activeGroup = null ; this.groupingLevel = 0 ;
-    }
-    this.propertyDidChange(this.isUndoing ? 'redoStack' : 'undoStack') ;
-  },
-
-  /**
-    Change the name of the current undo group.
-    
-    Normally you don't want to do this as it will effect the whole group.
-    
-    @param {String} name
-    
-    @throws {Error} If there is no active group
-  */
-  setActionName: function(name) {
-    if (!this._activeGroup) raise("setActionName() called outside group.") ;
-    this._activeGroup.name = name ;
-  },
-  
-  // --------------------------------
-  // PRIVATE
-  //
-  
-  /** @private */
-  _activeGroup: null,
-  
-  /** @private */
-  undoStack: null,
-  
-  /** @private */
-  redoStack: null, 
-  
-  /** @private */
-  _undoOrRedo: function(stack, state) {
-    if (this._activeGroup) return false ;
-    if (this.get(stack) == null) return true; // noting to do.
-
-    this.set(state, true) ;
-    var group = this.get(stack) ;
-    this.set(stack, group.prev) ;
-    var action ;
-
-    var useGroup = group.actions.length > 1; 
-    if (useGroup) this.beginUndoGroup(group.name) ;
-    while(action = group.actions.pop()) { action(); }
-    if (useGroup) this.endUndoGroup(group.name) ;
-    
-    this.set(state, false) ;
-  }
-  
-}) ;

data/lib/frameworks/sproutcore/frameworks/desktop/tests/views/select_field/methods.js

@@ -1,163 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            portions copyright @2011 Apple Inc.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*global module test htmlbody ok equals same stop start Q$*/
-
-var pane, view , view1, view2, view3;
-module("SC.SelectFieldView",{
-  setup: function() {
-    SC.RunLoop.begin();
-    pane = SC.MainPane.create({
-      objs : ["Apple","Sproutcore 1.0","Development","Charles"],
-      selectedValue: "Apple",
-      childViews: [
-        SC.SelectFieldView.extend({
-          objects: [1,6,11,2,8]
-        }),
-        SC.SelectFieldView.extend({
-          objects: ["Apple","Sproutcore 1.0","Development","Charles"]
-        }),
-        SC.SelectFieldView.extend({
-          objectsBinding: '*owner.objs',
-          valueBinding: '*owner.selectedValue' 
-        }),
-        SC.SelectFieldView.extend({
-          objectsBinding: '*owner.objs',
-          valueBinding: '*owner.selectedValue',
-          valueKey: 'title',
-          nameKey: 'title',
-          sortKey: 'pos' 
-        })
-        
-        
-      ]  
-    });
-    pane.append(); // make sure there is a layer...
-    SC.RunLoop.end();
-  
-    view = pane.childViews[0] ;
-    view1 = pane.childViews[1] ;
-    view2 = pane.childViews[2] ;
-    view3 = pane.childViews[3] ;
-  },
-  
-  teardown: function() {
-    pane.remove();
-    pane = view = null ;
-  }
-});
-
-test("renders a select field input tag with appropriate attributes", function() {
-  equals(view.get('tagName'), 'select', 'should have type as text');  
-  var q = Q$('select', view.get('layer'));
-  equals(view.$().attr('id'), SC.guidFor(view), 'should have id as view_guid');
-});
-
-test("select component with options", function() {
-   equals(5,view.objects.length,'The select component should have 5 options');
-  equals(null,view.nameKey,'the select should not have any name key');
-  equals(null,view.valueKey,'the select should not have any value key');
-});
-
-test("sortObjects() sorts the options of the select component", function() {  
-  var obj = view.objects;
-  view.objects = view.sortObjects(obj);
-
-  equals(1,obj.get(0),'should be the first element');
-  equals(2,obj.get(1),'should be the second element');
-  equals(6,obj.get(2),'should be the third element');
-  equals(8,obj.get(3),'should be the forth element');
-  equals(11,obj.get(4),'should be the fifth element');
-});
-
-test("rebuildMenu() populates the select component with new data", function() {  
-  var newObj = ['Hai,','how','are','you?'];
-  view1.objects = newObj;
-  var obj = view1.objects;
-  equals('Hai,',obj.get(0),'should be the first element');
-  equals('how',obj.get(1),'should be the second element');
-  equals('are',obj.get(2),'should be the third element');
-  equals('you?',obj.get(3),'should be the forth element');
-});
-
-test("isEnabled=NO should add disabled class", function() {
-  SC.RunLoop.begin();
-  view.set('isEnabled', NO);
-  SC.RunLoop.end();  
-  ok(view.$().hasClass('disabled'), 'should have disabled class');
-});
-
-test("objects should change on changing the binding", function() {
-  SC.RunLoop.begin();
-  var newObjects = ['Test1','Test2'] ;
-  pane.set('objs', newObjects);
-  SC.RunLoop.end();  
-  var objects = view2.objects ;
-  newObjects = pane.objs ;
-  ok(objects===newObjects, 'the objects should be same');
-});
-
-
-test("selectedValue shouldn't have st string attached to it", function() {
-  SC.RunLoop.begin();
-  var newObjects = ['Test1','Test2'] ;
-  pane.set('objs', newObjects);
-  SC.RunLoop.end();  
-  SC.RunLoop.begin();
-  pane.set('selectedValue', 'Test1');
-  SC.RunLoop.end();  
-  var selectedValue = view2.getFieldValue() ;
-  equals(selectedValue,'Test1', 'the new Value is ');
-  
-  
-  SC.RunLoop.begin();
-  var newObjects2 =[{pos: 1,title:'US/Pacific'}, 
-  {pos: 2, title:'America/Vancouver'}, 
-  {pos: 3, title:'Canada/Mountain'},
-  {pos: 4, title:'Other...'}];
-  pane.set('objs', newObjects2);
-  SC.RunLoop.end();  
-  SC.RunLoop.begin();
-  pane.set('selectedValue', 'America/Vancouver');
-  SC.RunLoop.end();  
-  selectedValue = view3.getFieldValue() ;
-  equals(selectedValue,'America/Vancouver', 'the new Value is ');
-  
-});
-
-test("changing the selected item in the select field appropriately notifies that the value has changed", function() {
-  SC.RunLoop.begin();
-  var newObjects2 =[{pos: 1,title:'US/Pacific'}, 
-  {pos: 2, title:'America/Vancouver'}, 
-  {pos: 3, title:'Canada/Mountain'},
-  {pos: 4, title:'Other...'}], elm;
-  pane.set('objs', newObjects2);
-  SC.RunLoop.end();  
-  SC.RunLoop.begin();
-  pane.set('selectedValue', 'America/Vancouver');
-  SC.RunLoop.end();  
-  selectedValue = view3.getFieldValue() ;
-  equals(selectedValue,'America/Vancouver', 'the new Value is ');
-  
-  
-  // Changing the selection in the box to 'Canada/Mountain' programmatically
-  SC.RunLoop.begin();
-  elm = view3.$input().get(0);
-  elm.childNodes[2].selected = true;
-  SC.RunLoop.end();
-  
-  // Trigger observer!
-  SC.RunLoop.begin();
-  SC.Event.trigger(elm, "change");
-  SC.RunLoop.end();
-
-  // See if the value propagated to the controller.
-  SC.RunLoop.begin();
-  selectedValue = pane.get('selectedValue') ;
-  SC.RunLoop.end();  
-  equals(selectedValue,'Canada/Mountain', 'the bound Value is ');
-});

data/lib/frameworks/sproutcore/frameworks/desktop/tests/views/select_field/ui.js

@@ -1,177 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            portions copyright @2011 Apple Inc.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*global module test htmlbody ok equals same stop start */
-
-var booleanObjects = [
-  { n: 'False', v: NO },
-  { n: 'True', v: YES }
-];
-
-var integerObjects = [
-  { n: 'Zero', v: 0 },
-  { n: 'One', v: 1 },
-  { n: 'Two', v: 2 }
-];
-
-var pane = SC.ControlTestPane.design()
-    .add("basic", SC.SelectFieldView, {
-       objects:["1","2","3","4","5"]
-    })
-
-    .add("disabled", SC.SelectFieldView, {
-      isEnabled: NO, objects:["1","2","3","4","5"]
-    })
-
-    .add("Not Selected", SC.SelectFieldView, {
-      isSelected: NO, objects:["1","2","3","4","5"]
-    })
-
-    .add("Not Visible", SC.SelectFieldView, {
-      isVisible: NO, objects:["1","2","3","4","5"]
-    })
-
-    .add("sortedStringOptions", SC.SelectFieldView, {
-      objects:["Apple","Sproutcore 1.0","Development","Charles"],
-  useStaticLayout: YES,
-      layout: { width: 'auto', right: 'auto' }
-    })
-      .add("unSortedStringOptions", SC.SelectFieldView, {
-        objects:["Apple","Sproutcore 1.0","Development","Charles"],
-    useStaticLayout: YES,
-    disableSort: YES,
-        layout: { width: 'auto', right: 'auto' }
-      })
-
-    .add("Width 150 Right 0", SC.SelectFieldView, {
-      objects: [1,6,11,2,8],
-      useStaticLayout: YES,
-      layout: { width: '150', right: '0' }
-    })
-    .add("redraw", SC.SelectFieldView, {
-      useStaticLayout: YES,
-      layout: { width: '150', right: '0' }
-    })
-    .add("selectBoolean", SC.SelectFieldView, {
-      objects: booleanObjects,
-      nameKey: 'n',
-      valueKey: 'v',
-      disableSort: YES
-    })
-    .add("selectInteger", SC.SelectFieldView, {
-      objects: integerObjects,
-      nameKey: 'n',
-      valueKey: 'v',
-      disableSort: YES
-    });
-
-
-// ..........................................................
-// TEST VIEWS
-//
-
-module('SC.SelectFieldView ui', {
-  setup: function(){
-    htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
-    pane.standardSetup().setup();
-  },
-  teardown: function(){
-    pane.standardSetup().teardown();
-    clearHtmlbody();
-  }
-});
-
-test("basic", function() {
-  var view = pane.view('basic');
-  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
-  ok(!view.$().hasClass('sel'), 'should not have sel class');
-});
-
-test("disabled", function() {
-  var view = pane.view('disabled');
-  ok(view.$().hasClass('disabled'), 'should have disabled class');
-});
-
-test("Not Selected", function() {
-  var view = pane.view('Not Selected');
-  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
-  ok(!view.$().hasClass('sel'), 'should not have sel class');
-});
-
-test("Not Visible", function() {
-  var view = pane.view('Not Visible');
-  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
-  ok(!view.$().hasClass('sel'), 'should not have sel class');
-});
-
-test("sortedStringOptions", function() {
-   var view = pane.view('sortedStringOptions');
-   equals(null,view.get('sortKey'), 'sortkey not specified');
-});
-
-test("Width 150 Right 0", function() {
-  var view = pane.view('Width 150 Right 0');
-  ok(!view.$().hasClass('disabled'), 'should not have disabled class');
-  ok(!view.$().hasClass('sel'), 'should not have sel class');
-});
-
-test("Check that by setting the value the selection actually changes", function() {
-  var view = pane.view('Width 150 Right 0');
-  SC.RunLoop.begin();
-  view.set('value',2);
-  SC.RunLoop.end();
-  equals(view.getFieldValue(), 2, 'the field value should change to 2');
-});
-
-test("redraw", function(){
-  var view = pane.view('redraw');
-  ok(view.get('objects').length === 0, "objects should be empty");
-  SC.RunLoop.begin();
-  view.set('objects', [1,6,11,2,8]);
-  SC.RunLoop.end();
-  ok(view.$('option').length === 5, "options length should be 5");
-});
-
-test("selectFalse", function(){
-  var view = pane.view('selectBoolean');
-  SC.RunLoop.begin();
-  view.set('value', NO);
-  SC.RunLoop.end();
-  equals(view.getFieldValue(), NO, 'the field values should change to False')
-});
-
-test("selectTrue", function(){
-  var view = pane.view('selectBoolean');
-  SC.RunLoop.begin();
-  view.set('value', YES);
-  SC.RunLoop.end();
-  equals(view.getFieldValue(), YES, 'the field values should change to False')
-});
-
-test("selectZero", function(){
-  var view = pane.view('selectInteger');
-  SC.RunLoop.begin();
-  view.set('value', 0);
-  SC.RunLoop.end();
-  equals(view.getFieldValue(), 0, 'the field values should change to False')
-});
-
-test("selectOne", function(){
-  var view = pane.view('selectInteger');
-  SC.RunLoop.begin();
-  view.set('value', 1);
-  SC.RunLoop.end();
-  equals(view.getFieldValue(), 1, 'the field values should change to False')
-});
-
-test("selectTwo", function(){
-  var view = pane.view('selectInteger');
-  SC.RunLoop.begin();
-  view.set('value', 2);
-  SC.RunLoop.end();
-  equals(view.getFieldValue(), 2, 'the field values should change to False')
-});