sproutit-sproutcore 1.0.0.20090407205609 → 1.0.0.20090408130025

data/frameworks/sproutcore/frameworks/desktop/english.lproj/segmented.css

@@ -0,0 +1,141 @@
+/* @override 
+	http://localhost:4020/static/sproutcore/en/desktop/_cache/sc.theme/1227701833/segmented.css
+	http://localhost:4020/static/sproutcore/en/desktop/_cache/sc.theme/1227702837/segmented.css
+*/
+
+.sc-segmented-view {
+  display: block;
+}
+
+.sc-segmented-view a.sc-segment {
+	text-decoration: none ;
+	color: black ;
+	text-align: center;
+}
+
+a.sc-segment:active, a.sc-segment:focus {
+	outline: none;
+}
+
+a.sc-segment img.icon {
+	position: relative;
+	vertical-align: middle;
+	top: -2px;
+	margin-right: 2px;
+	height: 16px;
+	width: 16px;
+}
+
+/* @group Layout */
+
+.sc-segmented-view a.sc-segment {
+	display: block;
+	top: 0;
+	height: 22px;
+	line-height: 22px;
+	border-right: 1px #555 solid;
+	text-shadow: #b0b0b0 0px 1px 0px;
+}
+
+.sc-segmented-view .sc-button-inner {
+	display: block;
+	min-width: 20px;
+	min-height: 22px;
+}
+
+.sc-segmented-view a.sc-segment.sc-first-segment {
+	padding-left: 10px;
+}
+
+
+.sc-segmented-view a.sc-segment.sc-first-segment .sc-button-inner {
+	padding-right: 10px;
+}
+.sc-segmented-view a.sc-segment.sc-middle-segment .sc-button-inner {
+	padding-left: 10px;
+	padding-right: 10px;
+  
+}
+.sc-segmented-view a.sc-segment.sc-last-segment .sc-button-inner {
+	padding-left: 10px;
+}
+
+.sc-segmented-view a.sc-segment.sc-last-segment {
+	padding-right: 10px;
+	border:none;
+}
+
+/* @end */
+
+/* @group Basic Round */
+
+/* NORMAL */
+
+.sc-segmented-view a.sc-segment .sc-button-inner {
+ 	background: #DDDDDD;
+}
+
+.sc-segmented-view a.sc-segment.sc-last-segment {
+ 	background: #DDDDDD;
+}
+
+.sc-segmented-view a.sc-segment.sc-first-segment {
+	background: #DDDDDD;
+}
+
+
+/* SELECTED */
+.sc-segmented-view a.sc-segment.active .sc-button-inner,
+.sc-segmented-view a.sc-segment.sel .sc-button-inner {
+	background: #999999;
+	text-shadow: #909090 0px 1px 0px;
+}
+
+.sc-segmented-view a.sc-segment.sc-last-segment.sel,
+.sc-segmented-view a.sc-segment.sc-last-segment.active {
+	background: #999999;
+}
+
+.sc-segmented-view a.sc-segment.sc-first-segment.sel,
+.sc-segmented-view a.sc-segment.sc-first-segment.active {
+	background: #999999;
+}
+
+/* DISABLED */
+
+.sc-segmented-view a.sc-segment.disabled .sc-button-inner,
+.sc-segmented-view.disabled a.sc-segment .sc-button-inner {
+	background: #FFFFFF;
+	color: #999;
+}
+
+.sc-segmented-view a.sc-segment.sc-last-segment.disabled,
+.sc-segmented-view.disabled a.sc-segment.sc-last-segment {
+	background: #FFFFFF;
+}
+
+.sc-segmented-view a.sc-segment.sc-first-segment.disabled,
+.sc-segmented-view.disabled a.sc-segment.sc-first-segment {
+	background: #FFFFFF;
+}
+
+.sc-segmented-view a.sc-segment.sel .sc-button-inner.disabled,
+.sc-segmented-view.disabled a.sc-segment.sel .sc-button-inner {
+	background: #FFFFFF;
+}
+
+.sc-segmented-view a.sc-segment.sc-last-segment.sel.disabled,
+.sc-segmented-view.disabled a.sc-segment.sc-last-segment.sel {
+	background: #FFFFFF;
+}
+
+.sc-segmented-view a.sc-segment.sc-first-segment.sel.disabled,
+.sc-segmented-view.disabled a.sc-segment.sc-first-segment.sel {
+	background: #FFFFFF;
+}
+
+
+
+/* @end */
+
+

data/frameworks/sproutcore/frameworks/desktop/english.lproj/separator.css

@@ -0,0 +1,19 @@
+.sc-separator-view.sc-layout-horizontal span {
+  position: absolute;
+  top: 50%;
+  height: 1px;
+  border-top: 1px #ccc solid;
+  background-color: #fefefe;
+  left: 0;
+  right: 0;
+}
+
+.sc-separator-view.sc-layout-vertical span {
+  position: absolute;
+  left: 50%;
+  width: 1px;
+  border-left: 1px #ccc solid;
+  background-color: #fefefe;
+  top: 0;
+  bottom: 0;
+}

data/frameworks/sproutcore/frameworks/desktop/english.lproj/slider.css

@@ -0,0 +1,57 @@
+/* @override http://localhost:4020/static/sproutcore/en/desktop/_cache/sc.theme/1228020574/slider.css */
+
+/* @group SC.SliderView */
+
+.sc-slider-view {
+	height: 21px;
+}
+
+.blur .sc-slider-view,
+.focus .sc-slider-view.disabled {
+}
+
+.focus .sc-slider-view {
+}
+
+/* sc-inner is the slider bar */
+ .sc-slider-view .sc-inner {
+	position: absolute;
+	left: 8px;
+	right: 8px;
+	height: 5px;
+	top: 6px;
+	background: grey ;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+}
+
+.blur .sc-slider-view .sc-inner,
+.focus .sc-slider-view.disabled .sc-inner {
+	border: 1px #ccc solid;
+}
+
+.focus .sc-slider-view .sc-inner {
+	border: 1px #999 solid;
+}
+
+ .sc-slider-view .sc-handle {
+	height: 18px;
+	width: 18px;
+	margin-left: -9px;
+	top: -6px;
+	position: absolute ;
+	background: black;
+}
+
+.focus .sc-slider-view .sc-handle {
+}
+
+.blur .sc-slider-view .sc-handle,
+.focus .sc-slider-view.disabled .sc-handle {
+}
+
+.focus .sc-slider-view.active .sc-handle {
+}
+
+/* @end */

data/frameworks/sproutcore/frameworks/desktop/english.lproj/split.css

@@ -0,0 +1,70 @@
+/* @override http://localhost:4020/static/sproutcore/en/_cache/panes-1206750928.css */
+
+/* @group SC.SplitView */
+
+/*.sc-split-view.horizontal > div {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 155px;
+  right: 0;
+}
+
+.sc-split-view.horizontal.thin > div {
+  left: 151px;
+}
+
+.sc-split-view.horizontal.thick > div {
+  left: 159px;
+}
+
+.sc-split-view.horizontal > div:first-child {
+  left: 0;
+  width: 150px;
+  right: auto;
+}
+*/
+
+/*.sc-split-view.horizontal.thin > .sc-split-divider-view {
+  left: 150px;
+  width: 1px;
+}
+
+.sc-split-view.horizontal.thick > .sc-split-divider-view {
+  left: 150px;
+  width: 7px;
+}
+
+.sc-split-view.vertical > div {
+  position: absolute;
+  top: 155px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.sc-split-view.vertical.thin > div {
+  top: 151px;
+}
+
+.sc-split-view.vertical.thick > div {
+  top: 159px;
+}
+
+.sc-split-view.vertical > div:first-child {
+  top: 0;
+  height: 150px;
+  bottom: auto;
+}
+*/
+/*.sc-split-view.vertical.thin > .sc-split-divider-view {
+  top: 150px;
+  height: 1px;
+}
+
+.sc-split-view.vertical.thick > .sc-split-divider-view {
+  top: 150px;
+  height: 7px;
+}
+*/
+/* @end */

data/frameworks/sproutcore/frameworks/desktop/english.lproj/split_divider.css

@@ -0,0 +1,8 @@
+/* SC.SplitDividerView */
+
+.sc-split-divider-view {
+  background-color: #ddd;
+  border-left: 1px #999 solid;
+  border-right: 1px #999 solid;
+}
+

data/frameworks/sproutcore/frameworks/desktop/english.lproj/strings.js

@@ -0,0 +1,14 @@
+// ========================================================================
+// Sprout Core
+// copyright 2006-2008 Sprout Systems, Inc.
+// ========================================================================
+
+// English Strings.
+SC.stringsFor('English', {
+  "Invalid.CreditCard(%@)": "%@ is not a valid credit card number",
+  "Invalid.Email(%@)": "%@ is not a valid email address",
+  "Invalid.NotEmpty(%@)": "%@ must not be empty",
+  "Invalid.Password": "Your passwords do not match.  Please try typing them again.",
+  "Invalid.General(%@)": "%@ is invalid.  Please try again.",
+  "Invalid.Number(%@)": "%@ is not a number."
+}) ;

data/frameworks/sproutcore/frameworks/desktop/english.lproj/tab.css

@@ -0,0 +1,12 @@
+/* SC.TabView */
+
+.sc-tab-view > .sc-container-view {
+  border: 1px #888 solid;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  overflow: visible;
+}
+
+.sc-tab-view .sc-container-view .sc-segmented-view{
+  z-index:100;
+}

data/frameworks/sproutcore/frameworks/desktop/english.lproj/text_field.css

@@ -0,0 +1,29 @@
+/* Common SC.TextFieldView styles - needed to work properly */
+
+.sc-text-field-view input {
+	position:  absolute;
+	width: 100%;
+	height: 100%;
+  padding: 0px;
+  margin: 0px;
+	font-size: 13px;
+}
+
+.sc-text-field-view .sc-hint {
+	z-index: 1;
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	padding: 3px;
+	color: #aaa ;
+	font-size: 13px;
+
+}
+
+.sc-text-field-view.focus .sc-hint,
+.sc-text-field-view.not-empty .sc-hint {
+  display: none ;
+}
+

data/frameworks/sproutcore/frameworks/desktop/english.lproj/toolbar.css

@@ -0,0 +1,6 @@
+/* SC.ToolbarView */
+
+.sc-toolbar-view {
+  border-top: 1px #999 solid;
+  background-color: #ddd ;
+}

data/frameworks/sproutcore/frameworks/desktop/mixins/border.js

@@ -0,0 +1,53 @@
+// ========================================================================
+// SproutCore -- JavaScript Application Framework
+// Copyright ©2006-2008, Sprout Systems, Inc. and contributors.
+// Portions copyright ©2008 Apple, Inc.  All rights reserved.
+// ========================================================================
+
+SC.BORDER_BEZEL  = 'sc-bezel-border';
+SC.BORDER_BLACK  = 'sc-black-border';
+SC.BORDER_GRAY   = 'sc-gray-border';
+SC.BORDER_TOP    = 'sc-top-border';
+SC.BORDER_BOTTOM = 'sc-bottom-border';
+SC.BORDER_NONE   = null ;
+
+/**
+  @namespace
+
+  The Border mixin can be applied to any view to give it a visual border.
+  In addition to specifying the mixing itself, you should specify the border
+  style with the borderStyle property on your view.  
+  
+  border style can be any predefined CSS class name or a border color.  If 
+  you specify a CSS class name, it must end in -border.  
+  
+  SproutCore pre-defines several useful border styles including:
+  
+  * SC.BORDER_BEZEL  - displays an inlaid bezel
+  * SC.BORDER_BLACK  - displays a black border
+  * SC.BORDER_GRAY   - displays a gray border
+  * SC.BORDER_TOP    - displays a border on the top only
+  * SC.BORDER_BOTTOM - displays a border on the bottom only
+  * SC.BORDER_NONE   - disables the border
+  
+  Note that borders do not count in the dimensions of the view.  You may need
+  to adjust your layout to make room for it.
+  
+  @since SproutCore 1.0
+*/
+SC.Border = {
+  
+  borderStyle: SC.BORDER_GRAY,
+  
+  _BORDER_REGEXP: (/-border$/),
+  
+  renderMixin: function(context, firstTime) {
+    var style = this.get('borderStyle');
+    if (style) {
+      if (this._BORDER_REGEXP.exec(style)) {
+        context.addClass(style);
+      } else content.addStyle('border', '1px %@ solid'.fmt(style));
+    }
+  }
+  
+};

data/frameworks/sproutcore/frameworks/desktop/mixins/collection_group.js

@@ -0,0 +1,22 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/**
+  @namespace
+
+  TODO: Add full description of SC.CollectionGroup
+  
+  Any view you want to use as a group view in a collection must include this
+  mixin.
+  
+  @since SproutCore 1.0
+*/
+SC.CollectionGroup = {
+  
+  classNames: ['sc-collection-group']
+  
+};

data/frameworks/sproutcore/frameworks/desktop/mixins/collection_item.js

@@ -0,0 +1,22 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/**
+  @namespace
+
+  TODO: Add full description of SC.CollectionItem
+  
+  Any view you want to use as an item view in a collection must include this
+  mixin.
+  
+  @since SproutCore 1.0
+*/
+SC.CollectionItem = {
+
+  classNames: ['sc-collection-item']
+  
+};

data/frameworks/sproutcore/frameworks/desktop/mixins/collection_view_delegate.js

@@ -0,0 +1,226 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+/**
+  Indicates that the collection view expects to accept a drop ON the specified
+  item.
+*/
+SC.DROP_ON = 0x01 ;
+
+/**
+  Indicates that the collection view expects to accept a drop BEFORE the 
+  specified item.
+*/
+SC.DROP_BEFORE = 0x02 ;
+
+/**
+  Indicates that the collection view want's to know which operations would 
+  be allowed for either drop operation.
+*/
+SC.DROP_ANY = 0x03 ;
+
+/**
+  @namespace
+
+  A Collection View Delegate is consulted by a SC.CollectionView's to control
+  certain behaviors such as selection control and drag and drop behaviors.
+  
+  To act as a Collection Delegate, the object should be set as the delegate
+  property of the collection view and should implement one or more of the
+  methods below.
+  
+  You can also choose to mixin this delegate to get suitable default 
+  implementations of these methods.
+  
+  @since SproutCore 1.0
+*/
+SC.CollectionViewDelegate = {
+  
+  /**
+    This method will be called anytime the collection view is about to
+    change the selection in response to user mouse clicks or keyboard events.
+    
+    You can use this method to adjust the proposed selection, eliminating any
+    selected objects that cannot be selected.  The default implementation of
+    this method simply returns the proposed selection.
+    
+    @param view {SC.CollectionView} the collection view
+    @param sel {Array} Proposed array of selected objects.
+    @returns The actual array allowed or null if no change is allowed.
+  */
+  collectionViewSelectionForProposedSelection: function(view, sel) {
+    return sel ;
+  },
+
+  /**
+    Called by the collection view just before it starts a drag to give you
+    an opportunity to decide if the drag should be allowed. 
+    
+    You can use this method to implement fine-grained control over when a 
+    drag will be allowed and when it will not be allowed.  For example, you
+    may enable content reordering but then implement this method to prevent
+    reordering of certain items in the view.
+    
+    The default implementation always returns YES.
+    
+    @param view {SC.CollectionView} the collection view
+    @returns {Boolean} YES to alow, NO to prevent it
+  */
+  collectionViewShouldBeginDrag: function(view) { return YES; },
+  
+  /**
+    Called by the collection view just before it starts a drag so that 
+    you can provide the data types you would like to support in the data.
+    
+    You can implement this method to return an array of the data types you
+    will provide for the drag data.
+    
+    If you return null or an empty array, can you have set canReorderContent
+    to YES on the CollectionView, then the drag will go ahead but only 
+    reordering will be allowed.  If canReorderContent is NO, then the drag
+    will not be allowed to start.
+    
+    If you simply want to control whether a drag is allowed or not, you
+    should instead implement collectionViewShouldBeginDrag().
+    
+    The default returns an empty array.
+    
+    @param view {SC.CollectionView} the collection view to begin dragging.
+    @returns {Array} array of supported data types.
+  */
+  collectionViewDragDataTypes: function(view) { return []; },
+  
+  /**
+    Called by a collection view when a drag concludes to give you the option
+    to provide the drag data for the drop.
+    
+    This method should be implemented essentially as you would implement the
+    dragDataForType() if you were a drag data source.  You will never be asked
+    to provide drag data for a reorder event, only for other types of data.
+    
+    The default implementation returns null.
+    
+    @param view {SC.CollectionView} the collection view that initiated the drag
+    @param dataType {String} the data type to provide
+    @param drag {SC.Drag} the drag object
+    @returns {Object} the data object or null if the data could not be provided.
+  */
+  collectionViewDragDataForType: function(view, drag, dataType) {  
+    return null ;
+  },
+  
+  /**
+    Called once during a drag the first time view is entered. Return all possible
+    drag operations OR'd together.
+    
+    @param view {SC.CollectionView} the collection view that initiated the drag
+    @param drag {SC.Drag} the drag object
+    @param proposedDragOperations {Number} proposed logical OR of allowed drag operations.
+    @returns {Number} the allowed drag operations. Defaults to op
+  */
+  collectionViewComputeDragOperations: function(view, drag, proposedDragOperations) {
+    return proposedDragOperations ;
+  },
+  
+  /**
+    Called by the collection view during a drag to let you determine the
+    kind and location of a drop you might want to accept.
+    
+    You can override this method to implement fine-grained control over how
+    and when a dragged item is allowed to be dropped into a collection view.
+
+    This method will be called by the collection view both to determine in 
+    general which operations you might support and specifically the operations
+    you would support if the user dropped an item over a specific location.
+    
+    If the proposedDropOperaration parameter is SC.DROP_ON or SC.DROP_BEFORE, then the
+    proposedInsertionPoint will be a non-negative value and you should
+    determine the specific operations you will support if the user dropped the
+    drag item at that point.
+    
+    If you do not like the proposed drop operation or insertion point, you 
+    can override these properties as well by setting the proposedDropOperation
+    and proposedInsertionIndex properties on the collection view during this
+    method.  These properties are ignored all other times.
+    
+    @param view {SC.CollectionView} the collection view
+    @param drag {SC.Drag} the current drag object
+    @param op {Number} proposed logical OR of allowed drag operations.
+    @param proposedInsertionIndex {Number} an index into the content array 
+      representing the proposed insertion point.
+    @param proposedDropOperation {String} the proposed drop operation.  Will be one of SC.DROP_ON, SC.DROP_BEFORE, or SC.DROP_ANY.
+    @returns the allowed drag operation.  Defaults to op
+  */
+  collectionViewValidateDragOperation: function(view, drag, op, proposedInsertionIndex, proposedDropOperaration) {
+    return op ;
+  },
+  
+  /**
+    Called by the collection view to actually accept a drop.  This method will
+    only be invoked AFTER your validateDrop method has been called to
+    determine if you want to even allow the drag operation to go through.
+    
+    You should actually make changes to the data model if needed here and
+    then return the actual drag operation that was performed.  If you return
+    SC.DRAG_NONE and the dragOperation was SC.DRAG_REORDER, then the default
+    reorder behavior will be provided by the collection view.
+    
+    @param view {SC.CollectionView}
+    @param drag {SC.Drag} the current drag object
+    @param op {Number} proposed logical OR of allowed drag operations.
+    @param proposedInsertionIndex {Number} an index into the content array representing the proposed insertion point.
+    @param proposedDropOperation {String} the proposed drop operation.  Will be one of SC.DROP_ON, SC.DROP_BEFORE, or SC.DROP_ANY.
+    @returns the allowed drag operation.  Defaults to proposedDragOperation
+  */
+  collectionViewPerformDragOperation: function(view, drag, op, proposedInsertionIndex, proposedDropOperaration) {
+    return SC.DRAG_NONE ;
+  },
+  
+  /**
+    Called by the collection view whenever the deleteSelection() method is
+    called.  You can implement this method to get fine-grained control over
+    which items can be deleted.  To prevent deletion, return null.
+    
+    This method is only called if canDeleteContent is YES on the collection
+    view.
+    
+    @param view {SC.CollectionView} the collection view
+    @param item {Array} proposed array  of items to delete.
+    @returns {Array} items allowed to delete or null.
+  */
+  collectionViewShouldDeleteContent: function(view, items) { return items; },
+  
+  /**
+    Called by the collection view to actually delete the selected items.
+    
+    The default behavior will use standard array operators to remove the 
+    items from the content array.  You can implement this method to provide
+    your own deletion method.
+    
+    If you simply want to controls the items to be deleted, you should instead
+    implement collectionViewShouldDeleteItems().  This method will only be 
+    called if canDeleteContent is YES and collectionViewShouldDeleteContent()
+    returns a non-empty array.
+    
+    @param view {SC.CollectionView} the view collection view
+    @param items {Array} the items to delete
+    @returns {Boolean} YES if the operation succeeded, NO otherwise.
+  */
+  collectionViewDeleteContent: function(view, items) { return NO; },
+  
+  /**
+    Called by the collection when attempting to select an item.
+    
+    The default implementation always returns YES.
+    
+    @param view {SC.CollectionView} the view collection view
+    @param item {Object} the item to be selected
+    @returns {Boolean} YES to alow, NO to prevent it
+  */
+  collectionViewShouldSelectItem: function (view, item) { return YES; }
+  
+};