spade 0.0.1 → 0.0.2

data/sproutcore/frameworks/desktop/views/thumb.js

@@ -1,53 +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)
-// ==========================================================================
-
-/**
-  @class
-
-  A ThumbView works in concert with SC.SplitView to adjust the divider 
-  position from an arbitrary subview of the SplitView. Simply make an
-  instance of ThumbView a child somewhere in the childViews (or 
-  descendants) of the split view and add the path to the ThumbView to the
-  SplitView's thumbViews array.
-  
-  SplitView will automatically set the splitView property of the views in
-  its thumbViews array.
-
-  @extends SC.View
-  @author Erich Ocean
-  @test in split
-*/
-SC.ThumbView = SC.View.extend(
-/** @scope SC.ThumbView.prototype */ {
-
-  classNames: ['sc-thumb-view'],
-  
-  /**
-    Enable this thumb view to control its parent split view.
-  */
-  isEnabled: YES,
-  isEnabledBindingDefault: SC.Binding.bool(),
-  
-  /** @private */
-  prepareContext: function(context, firstTime) {
-    var splitView = this.get('splitView') ;
-    if (splitView) this.set('cursor', splitView.get('thumbViewCursor')) ;
-    return sc_super() ;
-  },
-  
-  mouseDown: function(evt) {
-    if (!this.get('isEnabled')) return NO ;
-    
-    var splitView = this.get('splitView');
-    return (splitView) ? splitView.mouseDownInThumbView(evt, this) : sc_super();
-  },
-  
-  touchStart: function(evt) {
-    return this.mouseDown(evt);
-  }
-    
-});

data/sproutcore/frameworks/desktop/views/toolbar.js

@@ -1,88 +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)
-// ==========================================================================
-
-/**
-  Layout properties needed to anchor a view to the top.
-*/
-SC.ANCHOR_TOP = { top: 0 };
-
-/**
-  Layout properties needed to anchor a view to the left.
-*/
-SC.ANCHOR_LEFT = { left: 0 };
-
-/*
-  Layout properties to anchor a view to the top left
-*/
-SC.ANCHOR_TOP_LEFT = { top: 0, left: 0 };
-
-/**
-  Layout properties to anchoe view to the bottom.
-*/
-SC.ANCHOR_BOTTOM = { bottom: 0 };
-
-/**
-  Layout properties to anchor a view to the right.
-*/
-SC.ANCHOR_RIGHT = { right: 0 } ;
-
-/**
-  Layout properties to anchor a view to the bottom right.
-*/
-SC.ANCHOR_BOTTOM_RIGHT = { bottom: 0, right: 0 };
-
-/** @class
-
-  A toolbar view can be anchored at the top or bottom of the window to contain
-  your main toolbar buttons.
-
-  You can also override the layout property yourself or simply set the
-  anchorLocation to SC.ANCHOR_TOP or SC.ANCHOR_BOTTOM.  This will configure
-  the layout of your toolbar automatically when it is created.
-
-  @extends SC.View
-  @since SproutCore 1.0
-*/
-SC.ToolbarView = SC.View.extend(
-/** @scope SC.ToolbarView.prototype */ {
-
-  classNames: ['sc-toolbar-view'],
-
-  /**
-    The WAI-ARIA role for toolbar view. This property's value should not be
-    changed.
-
-    @property {String}
-  */
-  ariaRole: 'toolbar',
-
-  /**
-    Default anchor location.  This will be applied automatically to the
-    toolbar layout if you set it.
-  */
-  anchorLocation: null,
-
-  // ..........................................................
-  // INTERNAL SUPPORT
-  //
-
-  /** @private */
-  layout: { left: 0, height: 32, right: 0 },
-
-  /** @private */
-  init: function() {
-    // apply anchor location before setting up the rest of the view.
-    if (this.anchorLocation) {
-      this.layout = SC.merge(this.layout, this.anchorLocation);
-    }
-    sc_super();
-  },
-
-  renderDelegateName: 'toolbarRenderDelegate'
-
-});
-

data/sproutcore/frameworks/desktop/views/web.js

@@ -1,87 +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)
-// ==========================================================================
-/** @class
-
-  Used to display an iframe. The source, (specified by the value property) of 
-  the iFrame should be from the same domain. (i.e. the src / value should be 
-  from the same domain) if you want to access the contents of the iframe.
-
-  @extends SC.View
-  @extends SC.Control
-  @since SproutCore 1.0
-*/
-SC.WebView = SC.View.extend(SC.Control, {
-/** @scope SC.WebView.prototype */
-  classNames: 'sc-web-view',
-  displayProperties: ['value', 'shouldAutoResize'],
-
-  /**
-  The content of the iframe can be bigger than the size specifed when creating
-  the view. If you want the view to be auto-resized to the dimensions of the 
-  iframe, then set the value of this property to YES.
-  The web view can be auto resized only if the contents are from the same
-  domain as the parent domain.
-  @property{Boolean}
-  */
-  shouldAutoResize: NO,
-
-  render: function(context, firstTime) {
-    var src = this.get('value');
-    if (firstTime) {
-      context.push('<iframe src="' + src + 
-      '" style="position: absolute; width: 100%; height: 100%; border: 0px; margin: 0px; padding: 0px;"></iframe>');
-    } else {
-      var iframe = this.$('iframe');
-      // clear out the previous src, to force a reload
-      iframe.attr('src', 'javascript:;');
-      iframe.attr('src', src);
-    }
-  },
-
-  /**
-  Called when the layer gets created. 
-  */
-  didCreateLayer: function() {
-    var f = this.$('iframe');
-    // Attach an onload event to the iframe.
-    SC.Event.add(f, 'load', this, this.iframeDidLoad);
-  },
-
-
-  /** 
-  Called when iframe onload event is fired.
-  1. Resizes the view to fit the contents of the iframe using the 
-  scroll width and scroll height of the contents of the iframe
-  
-  The iframe contents can be accessed only when the src is from the same
-  domain as the parent document
-  @returns {void}
-  */
-  iframeDidLoad: function() {
-    //fit the iframe to size of the contents.
-    if (this.get('shouldAutoResize') === YES){
-      var contentWindow;
-      var iframeElt = this.$('iframe')[0];
-      if(iframeElt && iframeElt.contentWindow){
-        contentWindow = iframeElt.contentWindow;
-        if(contentWindow && contentWindow.document && contentWindow.document.documentElement){
-          var docElement = contentWindow.document.documentElement;
-          // setting the width before the height gives more accurate results.. 
-          // atleast for the test iframe content i'm using.
-          //TODO: try out document flows other than top to bottom.
-          if (!SC.browser.isIE){
-            this.$().width(docElement.scrollWidth);
-            this.$().height(docElement.scrollHeight);          
-          } else {
-            this.$().width(docElement.scrollWidth + 12);
-            this.$().height(docElement.scrollHeight + 5);          
-          }
-        }
-      }
-    }
-  }
-});

data/sproutcore/frameworks/desktop/views/well.js

@@ -1,65 +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)
-// ==========================================================================
-
-// Constants
-SC.WELL_CONTAINER_PADDING=15;
-
-/** @class
-
-  A WellView is a ContainerView with a border. It's useful when you want to
-  group a set of views. It allows you to easily switch its contents too.
-  
-  It has a default contentLayout that will replace the layout of the contentView.
-  
-  @extends SC.ContainerView
-  @since SproutCore 1.0
-  @test in progress
-*/
-SC.WellView = SC.ContainerView.extend(
-/** @scope SC.WellView.prototype */ {
-  
-  classNames: 'sc-well-view',
-  
-  /**
-    Layout for the content of the container view.
-    @property {Object}
-  */
-  contentLayout: {
-    top:SC.WELL_CONTAINER_PADDING, bottom:SC.WELL_CONTAINER_PADDING,
-    left:SC.WELL_CONTAINER_PADDING, right:SC.WELL_CONTAINER_PADDING},
-  
-  
-  /**
-     Overrides createChildViews and replaces the layout of the contentView
-     with the one in contentLayout.
-   */
-  
-  createChildViews: function() {
-    // if contentView is defined, then create the content
-    var view = this.get('contentView') ;
-    if (view) {
-      view = this.contentView = this.createChildView(view) ;
-      view.set('layout', this.contentLayout);
-      this.childViews = [view] ;
-    } 
-  },
-
-  renderDelegateName: 'wellRenderDelegate',
-  /**
-     Invoked whenever the content property changes.  This method will simply
-     call replaceContent and set the contentLayout in the new contentView.
-     
-     Override replaceContent to change how the view is
-     swapped out.
-   */
-  contentViewDidChange: function() {
-    var view = this.get('contentView');
-    view.set('layout', this.contentLayout);
-    this.replaceContent(view);
-  }.observes('contentView')
-  
-}) ;

data/sproutcore/frameworks/desktop/views/workspace.js

@@ -1,251 +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)
-// ==========================================================================
-
-/** @class
-  WorkspaceView manages a content view and two optional toolbars (top and bottom).
-  You want to use WorkspaceView in one of two situations: iPhone apps where the toolbars
-  need to change size automatically based on orientation (this does that, isn't that
-  handy!) and iPad apps where you would like the masterIsHidden property to pass through.
-  
-  @since SproutCore 1.2
-*/
-
-require("views/toolbar");
-
-SC.VERTICAL_ORIENTATION = "vertical";
-SC.HORIZONTAL_ORIENTATION = "horizontal";
-
-SC.WorkspaceView = SC.View.extend({
-  classNames: ["sc-workspace-view"],
-  /**
-    The top toolbar. This defaults to an empty toolbar.
-  */
-  topToolbar: SC.ToolbarView.extend(),
-  
-  /**
-    The bottom toolbar. Defaults to null (no toolbar).
-  */
-  bottomToolbar: null,
-  
-  /**
-    The content. Must NOT be null. Defaults to an empty view.
-  */
-  contentView: SC.View.extend(),
-  
-  /**
-    Whether to automatically resize toolbars.
-    
-    By default, this property is NO. If you want to automatically resize like iPhone
-    apps should, set to YES.
-  */
-  autoResizeToolbars: NO,
-  
-  /**
-    The default toolbar size. The default is 44, as that looks
-    great on higher-resolution devices.
-    
-    TODO: move into a renderer or something.
-  */
-  defaultToolbarSize: 44,
-  
-  /**
-    The large toolbar size.
-  */
-  largeToolbarSize: 44,
-  
-  /**
-    The small toolbar size.
-  */
-  smallToolbarSize: 30,
-  
-  /**
-    A property (computed) that says what size the toolbars are.
-  */
-  toolbarSize: function() {
-    if (!this.get("autoResizeToolbars")) return this.get("defaultToolbarSize");
-    if (this.get("orientation") === SC.HORIZONTAL_ORIENTATION) return this.get("smallToolbarSize");
-    return this.get("largeToolbarSize");
-  }.property("autoHideMaster", "orientation"),
-  
-  /**
-    Tracks the orientation of the view. Is a computed property. Property, people, not a method.
-  */
-  orientation: function() {
-    var f = this.get("frame");
-    if (f.width > f.height) return SC.HORIZONTAL_ORIENTATION;
-    else return SC.VERTICAL_ORIENTATION;
-  }.property("frame").cacheable(),
-  
-  /**
-    Thees property es passed throo too make eet zeemple for zee toolbar buttonz
-    to hide and show theemselves.
-  */
-  masterIsHidden: NO,
-  
-  masterIsHiddenDidChange: function() {
-    var t, mih = this.get("masterIsHidden");
-    if (t = this.get("topToolbar")) t.set("masterIsHidden", mih);
-    if (t = this.get("bottomToolbar")) t.set("masterIsHidden", mih);
-  }.observes("masterIsHidden"),
-  
-  /// INTERNAL CODE. HERE, THERE BE MONSTERS!
-  
-  /**
-    @private
-    Whenever something that affects the tiling changes (for now, just toolbarSize, but if
-    we allow dynamic changing of toolbars in future, this could include toolbars themselves),
-    we need to update the tiling.
-  */
-  _scmd_tilePropertyDidChange: function() {
-    this.invokeOnce("_scws_tile");
-  }.observes("toolbarSize"),
-  
-  /**
-    Creates the child views. Specifically, instantiates master and detail views.
-  */
-  createChildViews: function() {
-    sc_super();
-    
-    var topToolbar = this.get("topToolbar");
-    if (topToolbar) {
-      topToolbar = this.topToolbar = this.activeTopToolbar = this.createChildView(topToolbar);
-      this.appendChild(topToolbar); 
-    }
-    
-    var bottomToolbar = this.get("bottomToolbar");
-    if (bottomToolbar) {
-      bottomToolbar = this.bottomToolbar = this.activeBottomToolbar = this.createChildView(bottomToolbar);
-      this.appendChild(bottomToolbar); 
-    }
-    
-    var content = this.get("contentView");
-    content = this.contentView = this.activeContentView = this.createChildView(content);
-    this.appendChild(content); 
-    
-    this.invokeOnce("_scws_tile");
-  },
-  
-  /**
-    @private
-    Tiles the views as necessary.
-  */
-  _scws_tile: function() {
-    var contentTop = 0, contentBottom = 0, 
-        topToolbar = this.get("topToolbar"),
-        bottomToolbar = this.get("bottomToolbar"),
-        content = this.get("contentView"),
-        toolbarSize = this.get("toolbarSize");
-      
-      // basically, if there is a top toolbar, we position it and change contentTop.
-    if (topToolbar) {
-      topToolbar.set("layout", {
-        left: 0, right: 0, top: 0, height: toolbarSize
-      });
-      contentTop += toolbarSize;
-    }
-    
-    // same for bottom
-    if (bottomToolbar) {
-      bottomToolbar.set("layout", {
-        left: 0, right: 0, bottom: 0, height: toolbarSize
-      });
-      contentBottom += toolbarSize;
-    }
-    
-    // finally, position content
-    this.contentView.set("layout", {
-      left: 0, right: 0, top: contentTop, bottom: contentBottom
-    });
-  },
-  
-  /**
-    Returns YES if a top toolbar is present.
-  */
-  hasTopToolbar: function() {
-    if (this.get("topToolbar")) return YES;
-    return NO;    
-  }.property("topToolbar").cacheable(),
-  
-  /**
-    Returns YES if a bottom toolbar is present.
-  */
-  hasBottomToolbar: function() {
-    if (this.get("bottomToolbar")) return YES;
-    return NO;
-  }.property("bottomToolbar").cacheable(),
-  
-  /**
-    Called by the individual toolbar/contentView observers at runloop end when the toolbars change.
-  */
-  childDidChange: function() {
-    this._scws_tile();
-  },
-  
-  /**
-    For subclassing, this is the currently displaying top toolbar.
-  */
-  activeTopToolbar: null,
-  
-  /**
-    For subclassing, this is the currently displaying bottom toolbar.
-  */
-  activeBottomToolbar: null,
-  
-  /**
-    For subclassing, this is the currently displaying content view.
-  */
-  activeContentView: null,
-  
-  /**
-    Called when the top toolbar changes. It appends it, removes any old ones, and calls toolbarsDidChange. 
-    
-    You may want to override this if, for instance, you want to add transitions of some sort (should be trivial).
-  */
-  topToolbarDidChange: function() {
-    var active = this.activeTopToolbar, replacement = this.get("topToolbar");
-    if (active) {
-      this.removeChild(active);
-    }
-    if (replacement) {
-      this.appendChild(replacement);
-    }
-    
-    this.activeTopToolbar = replacement;
-    this.invokeLast("childDidChange");
-  }.observes("topToolbar"),
-  
-  bottomToolbarDidChange: function() {
-    var active = this.activeBottomToolbar, replacement = this.get("bottomToolbar");
-    if (active) {
-      this.removeChild(active);
-    }
-    if (replacement) {
-      this.appendChild(replacement);
-    }
-    
-    this.activeBottomToolbar = replacement;
-    this.invokeLast("childDidChange");
-  }.observes("bottomToolbar"),
-  
-  contentViewDidChange: function() {
-    var active = this.activeContentView, replacement = this.get("contentView");
-    if (active) {
-      this.removeChild(active);
-    }
-    if (replacement) {
-      this.appendChild(replacement);
-    }
-    
-    this.activeContentView = replacement;
-    this.invokeLast("childDidChange");
-  }.observes("contentView"),
-  
-  
-  displayProperties: "hasTopToolbar hasBottomToolbar".w(),
-  
-  renderDelegateName: 'workspaceRenderDelegate'
-});