sproutcore 1.0.1046 → 1.0.1049.pre.1

data/frameworks/sproutcore/apps/greenhouse/english.lproj/main_page.js

@@ -0,0 +1,95 @@
+// ==========================================================================
+// Project:   Greenhouse - mainPage
+// Copyright: ©2009 Mike Ball
+// ==========================================================================
+/*globals Greenhouse */
+sc_require('views/application_list_item');
+// This page describes the main user interface for your application.  
+Greenhouse.mainPage = SC.Page.design({
+
+  // The main pane is made visible on screen as soon as your app is loaded.
+  // Add childViews to this pane for views to display immediately on page 
+  // load.
+  mainPane: SC.MainPane.design({
+    
+    defaultResponder: "Greenhouse",
+    
+    childViews: 'container'.w(),
+    container: SC.ContainerView.design({
+      nowShowing: ''
+    })
+  }),
+  
+  loading: SC.LabelView.design({
+    layout: { bottom: 0, height: 30, left: 0, right: 0},
+    value: 'Loading...',
+    textAlign: SC.ALIGN_CENTER,
+    classNames: ['footer']
+  }),
+  
+  appPicker: SC.View.design({
+    childViews: 'scLogo picker footer warning'.w(),
+    classNames: ['app-picker'],
+    
+    scLogo: SC.View.design({
+      layout: { width: 140, left: 10, top: 10, height: 32 },
+      classNames: ['sc-logo']
+    }),
+    
+    picker: SC.View.design({
+      layout: { width: 548, height: 400, centerX: -102, centerY: -60},
+      childViews: 'ghLogo prompt scrollView button'.w(),
+      classNames: ['app-picker'],
+    
+      ghLogo: SC.View.design({
+        layout: { width: 279, left: 168, top: 0, height: 64 },
+        classNames: ['greenhouse-logo-l']
+      }),
+    
+      prompt: SC.View.design({
+        layout: { width: 175, left: 0, top: 62, height: 128 },
+        classNames: ['helper']
+      }),
+    
+      button: SC.ButtonView.design({
+        layout: { bottom: 12, height: 28, width: 140, right: 0 },
+        isEnabledBinding: "Greenhouse.targetController.content",
+        title: "Load Application",
+        theme: "capsule",
+        isDefault: YES,
+        action: "loadApplication"
+      }),
+    
+      scrollView: SC.ScrollView.design({
+        layout: { right: 0, top: 60, width: 332, bottom: 54 },
+        hasHorizontalScroller: NO,
+      
+        contentView: SC.ListView.design({  
+          rowHeight: 41,
+          exampleView: Greenhouse.ApplicationListItem,
+          contentBinding: "Greenhouse.targetsController.applications",
+          selectionBinding: "Greenhouse.targetsController.selection",        
+          contentValueKey: "displayName",
+          contentIconKey: "targetIcon",
+          hasContentIcon: YES,
+          action: "loadApplication"
+        })
+      
+      })
+    
+    }),
+    
+    warning: SC.LabelView.design({
+      layout: {bottom: 60, centerX: 0, width: 400, height: 58},
+      value: "NOTE: Greenhouse is under active development and not yet ready for general use.  At the moment, Greenhouse works best with Google Chrome."
+    }),
+    
+    footer: SC.LabelView.design({
+      layout: { bottom: 0, height: 30, left: 0, right: 0},
+      value: '©2010 Sprout Systems Inc. & Contributors',
+      textAlign: SC.ALIGN_CENTER,
+      classNames: ['footer']
+    })
+    
+  }) 
+});

data/frameworks/sproutcore/apps/greenhouse/english.lproj/strings.js

@@ -0,0 +1,84 @@
+// ==========================================================================
+// Project:   Greenhouse Strings
+// Copyright: ©2009 Mike Ball
+// ==========================================================================
+/*globals Greenhouse */
+
+// Place strings you want to localize here.  In your app, use the key and
+// localize it using "key string".loc().  HINT: For your key names, use the
+// english string with an underscore in front.  This way you can still see
+// how your UI will look and you'll notice right away when something needs a
+// localized string added to this file_
+//
+SC.stringsFor('English', {
+  // "_String Key": "Localized String"
+  "_New File": "New File",
+  "_New Folder": "New Folder",
+  "_Delete": "Delete",
+  "_Top:": "Top:",
+  "_Left:": "Left:",
+  "_Bottom:": "Bottom:",
+  "_Right:": "Right:",
+  "_Width:": "Width:",
+  "_Height:": "Height:",
+  "_Class Names:": "Class Names:",
+  "_Background Color:": "Background Color:",
+  "_New Page File": "New Page File",
+  '_Anchor:': "Anchor:",
+  '_Dimensions:': "Dimensions:",
+  '_Left:': "Left:",
+  '_Width:': "Width:",
+  '_Right:': "Right:",
+  '_Center X:': "Center X:",
+  '_Center Y:': "Center Y:",
+  
+  '_Top:': "Top:",
+  '_Bottom:': "Bottom:",
+  '_Height:': "Height:",
+  "_Cancel": "Cancel",
+  "_Create": "Create",
+  "_File Path:": "File Path:",
+  "_File Name:": "File Name:",
+  "_Page Name:": "Page Name:",
+  "_New Page File": "New Page File",
+  "_MyApp.mainPage": "MyApp.mainPage",
+  "_main_page.js": "main_page.js",
+  "_Edit Property:": "Edit Property:",
+  "_Key:": "Key:",
+  "_Value:": "Value:",
+  "_Update": "Update",
+  "_Type:": "Type:",
+  "_String": "String",
+  "_Array": "Array",
+  "_Boolean": "Boolean",
+  "_Number": "Number",
+  "_Function": "Function",
+  "_Hash": "Hash",
+  "_Object": "Object",
+  "_Class": "Class",
+  "_Undefined": "Undefined",
+  "_Null": "Null",
+  "_Class": "Class",
+  "_Save": "Save",
+  "_Run": "Run",
+  "_Library": "Library",
+  "_Add": "Add",
+  "_Add a Custom View to the Library": "Add a Custom View to the Library",
+  "_MyApp.AwesomeView": "MyApp.AwesomeView",
+  "_Class Name:": "Class Name:",
+  "_Default Properties:": "Default Properties:",
+  "_Item Name": "Item Name",
+  "_somethingCool": "somethingCool",
+  "_Add View": "Add View",
+  "_Specifiy Keys": "Specifiy Keys",
+  "_To": "To",
+  "_From": "From",
+  "_Add Page...": "Add Page...",
+  "_Project": "Project",
+  "_Dock Library": "Dock Library",
+  "_Dock Inspector": "Dock Inspector",
+  "_Actions": "Actions",
+  "_Inspector": "Inspector",
+  "_Reload App": "Reload App"
+  
+}) ;

data/frameworks/sproutcore/apps/greenhouse/fixtures/file.js

@@ -0,0 +1,35 @@
+// ==========================================================================
+// Project:   Greenhouse.File Fixtures
+// Copyright: ©2009 My Company, Inc.
+// ==========================================================================
+/*globals Greenhouse */
+
+sc_require('models/file');
+
+Greenhouse.File.FIXTURES = [
+
+  // TODO: Add your data fixtures here.
+  // All fixture records must have a unique primary key (default 'guid').  See 
+  // the example below.
+
+  // { guid: 1,
+  //   firstName: "Michael",
+  //   lastName: "Scott" },
+  //
+  // { guid: 2,
+  //   firstName: "Dwight",
+  //   lastName: "Schrute" },
+  //
+  // { guid: 3,
+  //   firstName: "Jim",
+  //   lastName: "Halpert" },
+  //
+  // { guid: 4,
+  //   firstName: "Pam",
+  //   lastName: "Beesly" },
+  //
+  // { guid: 5,
+  //   firstName: "Ryan",
+  //   lastName: "Howard" }
+
+];

data/frameworks/sproutcore/apps/greenhouse/main.js

@@ -0,0 +1,28 @@
+// ==========================================================================
+// Project:   Greenhouse
+// Copyright: ©2009 Mike Ball
+// ==========================================================================
+/*globals Greenhouse bespin*/
+
+// This is the function that will start your app running.  The default
+// implementation will load any fixtures you have created then instantiate
+// your controllers and awake the elements on your page.
+//
+// As you develop your application you will probably want to override this.
+// See comments for some pointers on what to do next.
+//
+Greenhouse.main = function main() {
+
+  // Step 1: Instantiate Your Views
+  // The default code here will make the mainPane for your application visible
+  // on screen.  If you app gets any level of complexity, you will probably 
+  // create multiple pages and panes.  
+  Greenhouse.getPath('mainPage.mainPane').append() ;
+  
+  //start the state machine
+  Greenhouse.targetsController.reload();
+  Greenhouse.startupStatechart();
+  
+} ;
+
+function main() { Greenhouse.main(); }

data/frameworks/sproutcore/apps/greenhouse/mixins/drop_down.js

@@ -0,0 +1,97 @@
+// ==========================================================================
+// Greenhouse.DropDown
+// ==========================================================================
+/*globals Greenhouse*/
+
+sc_require('core');
+
+/** @mixin
+  This mixin allows a toggling view to show/hide a drop-down when the view
+  is toggled.  The user should set the 'dropDown' property to a SC.PickerPane or descendant
+  class.  When the view is toggled on, an instance of the dropDown will be
+  created and shown.
+  
+  NOTE: This mixin must be used in conjunction with the SCUI.SimpleButton mixin or
+        on a SC.ButtonView or descendant.  It needs the target and action properties to work.
+
+  @author Jonathan Lewis
+  @author Brandon Blatnick
+  
+  This Mixin comes from SCUI: http://github.com/etgryphon/sproutcore-ui and is 
+  avaliable under the MIT license
+
+*/
+
+Greenhouse.DropDown = {  
+  
+  isShowingDropDown: NO,
+  
+  /**
+    @private
+    Reference to the drop down instance that gets created in init().
+  */
+  _dropDownPane: null,
+  
+  dropDown: SC.MenuPane.design({ /* an example menu */
+    layout: { width: 100, height: 0 },
+    contentView: SC.View.design({}),
+    items: ["_item".loc('1'), "_item".loc('2')] // Changed to an array for Localization purposes.
+  }),
+  
+  dropDownType: SC.PICKER_MENU,
+  
+  initMixin: function() {
+    // Try to create a new menu instance
+    var dropDown = this.get('dropDown');
+    if (dropDown && SC.typeOf(dropDown) === SC.T_CLASS) {
+      this._dropDownPane = dropDown.create();
+      if (this._dropDownPane) {
+        this.bind('isShowingDropDown', '._dropDownPane.isPaneAttached');
+      }
+    }
+
+    // TODO: [BB] Check for existance of target and action
+    if (this.target !== undefined && this.action !== undefined) {
+      this.set('target', this);
+      this.set('action', 'toggle');
+    }  
+  },
+  
+  /**  
+    Hides the attached drop down if present.  This is called automatically when
+    the button gets toggled off.
+  */
+  hideDropDown: function() {
+    if (this._dropDownPane && SC.typeOf(this._dropDownPane.remove) === SC.T_FUNCTION) {
+      this._dropDownPane.remove();
+      this.set('isShowingDropDown', NO);
+    }
+  },
+
+  /**
+    Shows the menu.  This is called automatically when the button is toggled on.
+  */
+  showDropDown: function() {
+    // If a menu already exists, get rid of it
+    this.hideDropDown();
+
+    // Now show the menu
+    if (this._dropDownPane && SC.typeOf(this._dropDownPane.popup) === SC.T_FUNCTION) {
+      var dropDownType = this.get('dropDownType');
+      this._dropDownPane.popup(this, dropDownType); // show the drop down
+      this.set('isShowingDropDown', YES);
+    }
+  },
+  
+  /**
+    Toggles the menu on/off accordingly
+  */
+  toggle: function() {
+    if (this.get('isShowingDropDown')){
+      this.hideDropDown();
+    }
+    else {
+      this.showDropDown();
+    }
+  }
+};

data/frameworks/sproutcore/apps/greenhouse/models/design.js

@@ -0,0 +1,22 @@
+// ==========================================================================
+// Project:   Greenhouse.Design
+// Copyright: ©2010 My Company, Inc.
+// ==========================================================================
+/*globals Greenhouse */
+
+/** @class
+
+  (Document your Model here)
+
+  @extends SC.Record
+  @version 0.1
+*/
+Greenhouse.Design = SC.Record.extend(
+/** @scope Greenhouse.Design.prototype */ {
+  primaryKey: 'name',
+  
+  name: SC.Record.attr(String),
+  scClass: SC.Record.attr(String),
+  defaults: SC.Record.attr(Object)
+  
+}) ;

data/frameworks/sproutcore/apps/greenhouse/models/dir.js

@@ -0,0 +1,92 @@
+// ==========================================================================
+// Project:   Greenhouse.Dir
+// Copyright: Mike Ball
+// ==========================================================================
+/*jslint evil: true*/
+/*globals Greenhouse*/
+
+require('core');
+/** @class
+
+  dir properties
+  @dir
+  @name
+  @contents
+  
+  @extends SC.ChildRecord
+  @version 0.1
+*/
+Greenhouse.Dir = SC.ChildRecord.extend(
+/** @scope Greenhouse.Dir.prototype */ {
+  type: 'Dir',
+  childRecordNamespace: Greenhouse,
+  
+  name: SC.Record.attr(String),
+  dir: SC.Record.attr(String),  
+  contents: SC.Record.toMany('SC.Record', {nested: YES}),
+  
+  primaryKey: 'id',
+  
+  
+  isFile: NO,
+
+  path: function(){
+    return this.get('dir') + this.get('name');
+  }.property('name', 'dir').cacheable(),
+
+  
+  evalBody: function(){
+    var bodyText = this.get('body'), body, designs = [];
+    
+   try{
+      body = eval(bodyText || "");
+      body.set('needsDesigner', YES);
+      body.set('isContainerView',YES);
+      this.set('currentDesign', body);
+      for(var v in body){
+        if(body.hasOwnProperty(v)){
+          if(body[v] && body[v].kindOf){
+            if(body[v].kindOf(SC.View)){
+              designs.push(SC.Object.create({type: 'view', view: body.get(v), name: v}));
+            }
+            else if(body[v].kindOf(SC.Page)){
+              designs.push(SC.Object.create({type: 'page', view: body.get(v), name: v}));
+            }
+            else if(body[v].kindOf(SC.Pane)){
+              designs.push(SC.Object.create({type: 'pane', view: body.get(v), name: v}));
+            }
+          }
+        }
+      }
+      this.set('designs', designs);
+      
+    } catch (exception) {
+      console.log("Couldn't eval body...");
+      this.set('designs', null);
+    }
+    
+  },
+  /*
+    if this is a dir then return if the passed
+    file's name and type matches
+    @returns boolean
+  */
+  includesFile: function(file){
+    if(!this.get('isFile')){
+      var contents = this.get('contents'), ret;
+      ret = contents.find(function(item){
+        if(item.get('type') === file.get('type') && item.get('name') === file.get('name') && item !== file) return YES;
+      });
+      
+      return ret ? YES : NO;
+    }
+    else{
+      return NO;
+    }
+  }
+
+}) ;
+
+Greenhouse.Dir.mixin({
+
+});