sproutcore 1.4.5 → 1.5.0.pre.3

data/lib/frameworks/sproutcore/apps/greenhouse/states/ready.js

@@ -14,8 +14,10 @@ Greenhouse.mixin( /** @scope Greenhouse */{
   // ..........................................................
   // Ready States
   // 
-  ready: SC.State.create({
-
+  readyStates: SC.State.design({
+    initialSubstate: 'readyWaiting',
+    
+    
     enterState: function(){
       console.log('greenhouse has landed');
       var c = Greenhouse.getPath('mainPage.mainPane.container');
@@ -24,7 +26,7 @@ Greenhouse.mixin( /** @scope Greenhouse */{
     exitState: function(){
 
     },
-    
+
     // ..........................................................
     //  Events
     // 
@@ -32,166 +34,176 @@ Greenhouse.mixin( /** @scope Greenhouse */{
       var target = Greenhouse.targetController.get('name');
       window.open(target, "","");
     },
-    
+
     selectFile: function(){
       var c = Greenhouse.fileController.get('content');
       if(c) {
         c.refresh();
-        this.goState('gettingFile');
+        this.gotoState('gettingFile');
       }
     },
-    
+
     unselectFile: function(){
      // TODO: [EG, MB] add the action for unselecting 
-     this.goState('readyWaiting');
+     this.gotoState('readyWaiting');
     },
-     
+
     reloadIframe: function(){
       Greenhouse.filesController.set('selection', null);
       Greenhouse.gettingFile._firstTime = YES;
 
       Greenhouse.iframe.location.reload();
-      this.goState('iframeLoading');
-    }
-  }),
-  
-  readyWaiting: SC.State.create({
-    
-    parentState: 'ready',
-
-    enterState: function(){
-      
+      this.gotoState('iframeLoading');
     },
-    exitState: function(){
-
-    }
-    
-  }),
-  
-  gettingFile: SC.State.create({
-    
-    parentState: 'ready',
-    
-    initState: function(){
-      this._firstTime = YES;
-    },
-    
-    enterState: function(){
-      //TODO draw spinner
-    },
-    exitState: function(){
-    },
-    
-    fileSelectedIsAPage: function(){
-      Greenhouse.loadIframeWithPage(this._firstTime);
-      this._firstTime = NO;
-      this.goHistoryState('pageSelected');
-    },
-    
-    fileSelectedIsNotAPage: function(){
-      this.goState('fileSelected');
-    }
-  }),
-  
-  fileSelected: SC.State.create({
 
-    parentState: 'ready',
+    resizePage: function(sender){
+      var s = sender.getPath('content.size'),
+          def = {top: 20, left: 20, right: 20, bottom: 83},
+          iframe = Greenhouse.get('iframe'),
+          view;
 
-    enterState: function(){
-      //TODO: draw message saing we can't do anythign with this right now...
-    },
-    exitState: function(){}
-  }),
-  
-  pageSelected: SC.State.create({
 
-    parentState: 'ready',
-    initialSubState: 'noDock',
+      view = iframe.SC.designPage.getPath('designMainPane.container');
 
-    enterState: function(){},
-    exitState: function(){},
-    
-    // ..........................................................
-    // Events
-    // 
-    save: function(){
-      var designPage, content = Greenhouse.fileController.get('content');
-      designPage = Greenhouse.iframe.SC.designsController.get('page');
-      //check if this page has a name...
-      designPage.setPath('designController.selection', null);
-      if(!designPage.get('pageName')) designPage.set('pageName', content.get('pageName'));
-      designPage = designPage.emitDesign();
-      content.set('body', js_beautify(designPage));
-      content.commitRecord(); 
-    },
-    addProperty: function(){
-      var designer = Greenhouse.designController.get('content');
-
-      if(designer){
-        designer.designProperties.pushObject("newProperty"); //TODO: generate better name....
-        designer.propertyDidChange('editableProperties');
+      if(!s){
+        view.set('classNames', ['design']);
+        view.set('layout', def);
       }
-    },
-    deleteProperty: function(){
-      var prop = Greenhouse.propertyController.get('content'),
-          designer = Greenhouse.designController.get('content'),
-          view;
-      if(prop && designer){
-        view = prop.view;
-        view[prop.view] = undefined;
-        delete view[prop.key]; //FIXME: [MB] this isn't removing the property...
-        designer.designProperties.removeObject(prop.key);
-        view.propertyDidChange(prop.key);
-        if(view.displayDidChange) view.displayDidChange();
-        designer.propertyDidChange('editableProperties');
+      else{
+        view.set('classNames', []);
+        view.set('layout', SC.merge({centerX:0, centerY: 0}, s));
       }
-    }
-  }),
-  
-  noDock: SC.State.create({
-    parentState: 'pageSelected',
-
-    enterState: function(){
-      var dock = Greenhouse.appPage.get('dockView');
-      dock.set('layout', {top: 0, bottom: 0, right: 0, width: 0});
-      var design = Greenhouse.appPage.get('designAreaView');
-      design.set('layout', {top: 0, bottom: 0, right: 0, left: 0});
-    },
-    exitState: function(){
 
     },
-   
     // ..........................................................
-    // Events
-    //
-    toggleDockedLibrary: function(){
-      this.goState('docked');
-    },
-
-    toggleDockedInspector: function(){
-      this.goState('docked');
-    }
-  }),
-
-  docked: SC.State.create({
-    parentState: 'pageSelected',
-
-    enterState: function(){
-      var dock = Greenhouse.appPage.get('dockView');
-      dock.set('layout', {top: 0, bottom: 0, right: 0, width: 230});
-      var design = Greenhouse.appPage.get('designAreaView');
-      design.set('layout', {top: 0, left: 0, right: 230, bottom: 0});
-    },
-    exitState: function(){
-
-    },
-   
-    // ..........................................................
-    // Events
-    //
-    undock: function(){
-      this.goState('noDock');
-    }
- })
-  
+    // Ready substates
+    // 
+    readyWaiting: SC.State.design({
+    }),
+
+    gettingFile: SC.State.design({
+
+      init: function(){
+        sc_super();
+        this._firstTime = YES;
+      },
+
+      enterState: function(){
+        //TODO draw spinner
+      },
+      exitState: function(){
+      },
+
+      fileSelectedIsAPage: function(){
+        Greenhouse.loadIframeWithPage(this._firstTime);
+        this._firstTime = NO;
+        this.gotoHistoryState('pageSelected');
+      },
+
+      fileSelectedIsNotAPage: function(){
+        this.gotoState('fileSelected');
+      }
+    }),
+
+    fileSelected: SC.State.design({
+
+      enterState: function(){
+        //TODO: draw message saing we can't do anythign with this right now...
+      },
+      exitState: function(){}
+    }),
+
+    pageSelected: SC.State.design({
+
+      parentState: 'ready',
+      initialSubstate: 'noDock',
+
+      enterState: function(){},
+      exitState: function(){},
+
+      // ..........................................................
+      // Events
+      // 
+      save: function(){
+        var designPage, content = Greenhouse.fileController.get('content');
+        designPage = Greenhouse.iframe.SC.designsController.get('page');
+        //check if this page has a name...
+        designPage.setPath('designController.selection', null);
+        if(!designPage.get('pageName')) designPage.set('pageName', content.get('pageName'));
+        designPage = designPage.emitDesign();
+        content.set('body', js_beautify(designPage));
+        content.commitRecord(); 
+      },
+      addProperty: function(){
+        var designer = Greenhouse.designController.get('content');
+
+        if(designer){
+          designer.designProperties.pushObject("newProperty"); //TODO: generate better name....
+          designer.propertyDidChange('editableProperties');
+        }
+      },
+      deleteProperty: function(){
+        var prop = Greenhouse.propertyController.get('content'),
+            designer = Greenhouse.designController.get('content'),
+            view;
+        if(prop && designer){
+          view = prop.view;
+          view[prop.view] = undefined;
+          delete view[prop.key]; //FIXME: [MB] this isn't removing the property...
+          designer.designProperties.removeObject(prop.key);
+          view.propertyDidChange(prop.key);
+          if(view.displayDidChange) view.displayDidChange();
+          designer.propertyDidChange('editableProperties');
+        }
+      },
+      // ..........................................................
+      // pageSelected substates
+      // 
+       noDock: SC.State.design({
+         parentState: 'pageSelected',
+
+         enterState: function(){
+           var dock = Greenhouse.appPage.get('dockView');
+           dock.set('layout', {top: 0, bottom: 0, right: 0, width: 0});
+           var design = Greenhouse.appPage.get('designAreaView');
+           design.set('layout', {top: 0, bottom: 0, right: 0, left: 0});
+         },
+         exitState: function(){
+
+         },
+
+         // ..........................................................
+         // Events
+         //
+         toggleDockedLibrary: function(){
+           this.gotoState('docked');
+         },
+
+         toggleDockedInspector: function(){
+           this.gotoState('docked');
+         }
+       }),
+
+       docked: SC.State.design({
+         parentState: 'pageSelected',
+
+         enterState: function(){
+           var dock = Greenhouse.appPage.get('dockView');
+           dock.set('layout', {top: 0, bottom: 0, right: 0, width: 230});
+           var design = Greenhouse.appPage.get('designAreaView');
+           design.set('layout', {top: 0, left: 0, right: 230, bottom: 0});
+         },
+         exitState: function(){
+
+         },
+
+         // ..........................................................
+         // Events
+         //
+         undock: function(){
+           this.gotoState('noDock');
+         }
+      })
+    })
+  })  
 });

data/lib/frameworks/sproutcore/apps/test_controls/controllers/buttons.js

@@ -0,0 +1,21 @@
+// ==========================================================================
+// 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)
+// ==========================================================================
+/*globals TestControls */
+
+TestControls.buttonsController = SC.Controller.create({
+  theme: 'square',
+  
+  toggleable: YES,
+  selected: NO,
+  disabled: NO,
+  'default': NO,
+  
+  buttonBehavior: function() {
+    if (this.get('toggleable')) return SC.TOGGLE_BEHAVIOR;
+    return SC.PUSH_BEHAVIOR;
+  }.property('toggleable').cacheable()
+});

data/lib/frameworks/sproutcore/apps/test_controls/controllers/categories.js

@@ -0,0 +1,108 @@
+// ==========================================================================
+// 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)
+// ==========================================================================
+/*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
+}) ;