sproutcore 0.9.3 → 0.9.4

data/clients/view_builder/controllers/document.js

@@ -0,0 +1,21 @@
+// ==========================================================================
+// ViewBuilder.DocumentController
+// ==========================================================================
+
+require('core');
+
+/** @class
+
+  (Document Your View Here)
+
+  @extends SC.Object
+  @author    AuthorName  
+  @version 0.1
+  @static
+*/
+ViewBuilder.documentController = SC.Object.create(
+/** @scope ViewBuilder.documentController */ {
+  
+  rootView: null
+  
+}) ;

data/clients/view_builder/core.js

@@ -0,0 +1,19 @@
+// ==========================================================================
+// ViewBuilder
+// ==========================================================================
+
+ViewBuilder = SC.Object.create({
+
+  // This will create the server for your application.  Add any namespaces
+  // your model objects are defined in to the prefix array.
+  server: SC.Server.create({ prefix: ['ViewBuilder'] }),
+
+  // When you are in development mode, this array will be populated with 
+  // any fixtures you create for testing and loaded automatically in your
+  // main method.  When in production, this will be an empty array.
+  FIXTURES: [],
+
+  // Any keys in this array will be instantiated automatically from main.
+  controllers: []
+  
+}) ;

data/clients/view_builder/english.lproj/body.css

@@ -0,0 +1,77 @@
+/* @override 
+	http://localhost:4020/static/photos/en/_cache/body-1208305764.css
+	http://localhost:4020/static/photos/en/_cache/body-1208344721.css
+	http://localhost:4020/static/view_builder/en/_cache/body-1208631407.css
+	http://localhost:4020/static/view_builder/en/_cache/body-1208631886.css
+	http://localhost:4020/static/view_builder/en/_cache/body-1208632215.css
+	http://localhost:4020/static/view_builder/en/_cache/body-1208632366.css
+*/
+
+/* @group Core */
+
+body {
+	position: absolute ;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	padding: 0;
+	margin: 0;
+	overflow: hidden ;
+}
+
+.workspace .sidebar {
+	position: absolute;
+	left:  0;
+	top:  0;
+	width: 200px;
+	bottom: 0;
+}
+
+.sc-theme .workspace.horizontal .sc-split-divider-view {
+  position: absolute;
+  left: 200px;
+  top: 0;
+  bottom: 0;
+}
+
+.workspace .document_view {
+	position: absolute;	
+	left: 205px;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	border: none ;
+	background-color: #aaa ;
+}
+
+.left.app-label {
+	font-weight: bold ;
+	padding-bottom: 9px;
+	text-shadow: white 0px 1px 0px;
+}
+
+.app-label img {
+	width: 27px;
+	height: 27px;
+	vertical-align: middle;
+	position: relative ;
+	top: -3px;
+	margin-right: 2px;
+}
+
+/* @end */
+
+/* @group Sidebar */
+
+.sidebar .source_list {
+	position: absolute ;
+	top: 0;
+	left:  0;
+	right: 0;
+	bottom: 0;
+	border: none ;
+}
+
+/* @end */
+

data/clients/view_builder/english.lproj/body.rhtml

@@ -0,0 +1,39 @@
+<% content_for('body') do %>
+
+<% split_view :workspace, :class => 'sc-app-workspace footer', :direction => :horizontal do %>  
+  <% view :sidebar, :outlet => true do %>
+    <% scroll_view :source_list, :outlet => true do %>
+      <%= source_list_view :outlet => true, 
+        :content_value_key => :name,
+        :group_visible_key => true,
+        :content_icon_key => :icon %>
+    <% end %>
+  <% end %>
+  
+  <%= split_divider_view :outlet => true, :width => 5 %>
+  
+  <% split_view :document_view, :outlet => true, :direction => :vertical do %>
+    <% view :editor, :outlet => true do %>
+      <%= button_view :outlet => true, :view => 'SC.BuilderView' %>
+    <% end %>
+    <%= split_divider_view :outlet => true, :width => 5 %>
+    <% scroll_view :outlet => true do %>
+      CONTENTS
+    <% end %>
+  <% end %>
+  
+<% end %>
+
+<% view :header, :class => 'sc-footer sc-square-theme' do %>
+  <div class="left app-label">
+    <img src="<%= static_url('images/sproutcore-logo.png') %>" />ViewBuilder
+  </div>
+  <div class="center">
+  </div>
+  <div class="right">
+    <%= button_view :outlet => true, :title => "Library" %>
+    <%= button_view :outlet => true, :title => "Options" %>
+  </div>
+<% end %>
+
+<% end %>

data/clients/view_builder/english.lproj/strings.js

@@ -0,0 +1,14 @@
+// ==========================================================================
+// ViewBuilder English Strings
+// ==========================================================================
+
+// 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!
+//
+Object.extend(String.English,{
+  // "_String Key": "Localized String"
+}) ;
+

data/clients/view_builder/main.js

@@ -0,0 +1,38 @@
+// ==========================================================================
+// ViewBuilder
+// ==========================================================================
+
+// 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.
+//
+function main() {
+  
+  // Step 1: Load Your Model Data
+  // The default code here will load the fixtures you have defined.
+  // Comment out the preload line and add something to refresh from the server
+  // when you are ready to pull data from your server.
+  ViewBuilder.server.preload(ViewBuilder.FIXTURES) ;
+
+  // TODO: refresh() any collections you have created to get their records.
+  // ex: ViewBuilder.contacts.refresh() ;
+  
+  // Step 2: Instantiate Your Views
+  // The default code just activates all the views you have on the page. If
+  // your app gets any level of complexity, you should just get the views you
+  // need to show the app in the first place, to speed things up.
+  SC.page.awake() ;
+
+  // Step 3. Set the content property on your primary controller.  
+  // This will make your app come alive!
+  
+  // TODO: Set the content property on your primary controller
+  // ex: ViewBuilder.contactsController.set('content',ViewBuilder.contacts);
+  var v = SC.ButtonView.Builder.newBuilder() ;
+  ViewBuilder.documentController.set('rootView', v) ;
+} ;
+
+

data/clients/view_builder/mixins/design_mode.js

@@ -0,0 +1,92 @@
+// ==========================================================================
+// SC.Buildable
+// ==========================================================================
+
+/**
+  Applying this mixin allows you to put a view into design mode.  When a view
+  is in design mode, mouse selection and some keyboard handling will be 
+  overridden to allow you to place and edit the contents of the view.
+  
+  Mode designMode properties begin with the words "designMode" to separate
+  them from other properties that might exist on the view.
+*/
+SC.DesignMode = {
+
+  /**
+    If YES, then view will display selection handles and other state to 
+    indicate that the item can be edited.
+  */
+  designModeIsSelected: NO,
+  
+  /**
+    If YES, design mode is enabled.  Otherwise, the view will behave like
+    normal.
+  */
+  designModeIsEnabled: NO,
+
+  // return the state for design mode methods
+  designModeState: function() {
+    if (!this._designModeState) this._designModeState = {} ;
+    return this._designModeState ;
+  },
+  
+  /** 
+    Whenever a view goes into design mode, this will trigger to swap out the
+    event handler methods on the view with design mode methods.
+  */
+  _designModeIsEnabledObserver: function() {
+    var isEnabled = this.get('designModeIsEnabled') ;
+    if (isEnabled === this.get('_designModeIsEnabled')) return ;
+    
+    // swap methods in and out
+    var state = this.designModeState() ;
+    var orig = state.savedMethods = state.savedMethods || {} ;
+    var methods = SC.DesignModeMethods;
+    
+    // save original methods and replace with new ones or restore
+    for(var key in methods) {
+      if (!methods.hasOwnProperty(key)) continue ;
+      if (isEnabled) {
+        orig[key] = this[key] ;
+        this[key] = methods[key] ;
+      } else {
+        this[key] = orig[key] ;
+      }
+    }
+  }.observes('designModeIsEnabled')
+
+};
+
+/** 
+  These methods are swapped out on a view when you put it into design mode.
+*/
+SC.DesignModeMethods = {
+  // allow dragging around...
+  mouseDown: function(evt) {
+    var state = this.designModeState() ;
+    
+    // select if needed
+    if (!this.get('designModeIsSelected')) {
+      this.set('designModeIsSelected', YES) ;  
+    }
+    
+    // save info for dragging.
+    state._mouseDownLoc = Event.pointerLocation(evt) ;
+    state._mouseDownFrame = this.get('frame') ;
+    return YES ; // allow dragging
+  },
+
+  mouseDragged: function(evt) {
+    var state = this.designModeState() ;
+
+    var loc = Event.pointerLocation(evt) ;
+    var f = {
+      x: state._mouseDownFrame.x + loc.x - state._mouseDownLoc.x,
+      y: state._mouseDownFrame.y + loc.y - state._mouseDownLoc.y
+    };
+
+    this.set('frame', f) ;
+  },
+
+  mouseUp: function(evt) { return YES ; }
+} ;

data/clients/view_builder/tests/controllers/document.rhtml

@@ -0,0 +1,20 @@
+<% # ========================================================================
+   # ViewBuilder.DocumentController Unit Test
+   # ========================================================================
+%>
+<% content_for('final') do %>
+
+<script>
+
+Test.context("ViewBuilder.DocumentController",{
+
+  "TODO: Add your own tests here": function() {
+    true.shouldEqual(true) ;
+  }
+
+}) ;
+
+if (window.main && (appMain = main)) main = null ; 
+</script>
+
+<% end %>

data/clients/view_builder/tests/views/builder.rhtml

@@ -0,0 +1,20 @@
+<% # ========================================================================
+   # ViewBuilder.BuilderView Unit Test
+   # ========================================================================
+%>
+<% content_for('final') do %>
+
+<script>
+
+Test.context("ViewBuilder.BuilderView",{
+
+  "TODO: Add your own tests here": function() {
+    true.shouldEqual(true) ;
+  }
+
+}) ;
+
+if (window.main && (appMain = main)) main = null ; 
+</script>
+
+<% end %>

data/clients/view_builder/tests/views/palette.rhtml

@@ -0,0 +1,21 @@
+<% # ========================================================================
+   # ViewBuilder.PaletteView Unit Test
+   # ========================================================================
+%>
+<% content_for('final') do %>
+
+<script>
+
+Test.context("ViewBuilder.PaletteView",{
+
+  "TODO: Add your own tests here": function() {
+    true.shouldEqual(true) ;
+  }
+
+}) ;
+
+if (window.main && (appMain = main)) main = null ; 
+
+</script>
+
+<% end %>

data/clients/view_builder/views/builder.js

@@ -0,0 +1,26 @@
+// ==========================================================================
+// ViewBuilder.BuilderView
+// ==========================================================================
+
+require('core');
+require('mixins/design_mode') ;
+
+/** @class
+
+  A BuilderView displays the visible and editable portion of a view.  You 
+  can plug any generic builder record into a view and it will display the 
+  content. If the builder is a container, it will also allow you to add 
+  child views to the container.
+
+  @extends SC.View
+  @author    AuthorName  
+  @version 0.1
+*/
+SC.BuilderView = SC.ButtonView.extend(SC.DesignMode,
+/** @scope ViewBuilder.BuilderView.prototype */ {
+
+  init: function() {
+    arguments.callee.base.call(this) ;
+    this.set('designModeIsEnabled', YES) ; // activate design mode.
+  }
+}) ;

data/clients/view_builder/views/palette.js

@@ -0,0 +1,30 @@
+// ==========================================================================
+// ViewBuilder.PaletteView
+// ==========================================================================
+
+require('core');
+
+/** @class
+
+  (Document Your View Here)
+
+  @extends SC.View
+  @author    AuthorName  
+  @version 0.1
+*/
+ViewBuilder.PaletteView = SC.View.extend(
+/** @scope ViewBuilder.PaletteView.prototype */ {
+
+  title: 'TITLE',
+  
+  emptyElement: '<div class="sc-smoke-theme palette"><div class="titlebar"><div class="label"></div></div><div class="body"></div></div>',
+  
+  containerElement: '.body?',
+  
+  outlets: ['titleLabelView'],
+  
+  titleLabelView: SC.LabelView.extend({
+    valueBinding: '*owner.title'
+  }).outletFor('.titlebar .label?')
+  
+}) ;

data/frameworks/sproutcore/Core.js

@@ -127,6 +127,7 @@ Object.extend(SC,{
 
     // call the onloadQueue.
     var queue ;
+    SC.runLoop.beginRunLoop() ;
     if (window.callOnLoad) {
       if (window.callOnLoad instanceof Array) {
         queue = window.callOnLoad ;
@@ -148,7 +149,8 @@ Object.extend(SC,{
     } else if (typeof SC.Routes != 'undefined') {
       SC.Routes.ping() ; // handle routes, if modules is installed.
     }
-
+    
+    SC.runLoop.endRunLoop();
   },
   
   // this will take a URL of any type and convert it to a fully qualified URL.
@@ -179,10 +181,10 @@ Object.extend(SC,{
         ret = (item.isClass) ? T_CLASS : T_FUNCTION ;
       } else if (item instanceof SC.Error) {
         ret = T_ERROR ;        
-      } else if (item.isObject == true) {
+      } else if (item.isObject === true) {
         ret = T_OBJECT ;
       } else ret = T_HASH ;
-    } else if (ret == T_FUNCTION) ret = (item.isClass) ? T_CLASS : T_FUNCTION;
+    } else if (ret === T_FUNCTION) ret = (item.isClass) ? T_CLASS : T_FUNCTION;
     return ret ;
   },
   
@@ -200,7 +202,7 @@ Object.extend(SC,{
   
   isArray: function( obj )
   {
-    return ($type(obj) == T_ARRAY) || (obj && obj.objectAt);
+    return ($type(obj) === T_ARRAY) || (obj && obj.objectAt);
   },
   
   _nextGUID: 0,