sproutcore 1.6.0.beta.3-java → 1.6.0-java

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/image_button.js

@@ -7,7 +7,7 @@
 
 
 SC.BaseTheme.imageButtonRenderDelegate = SC.RenderDelegate.create({
-  name: 'image-button',
+  className: 'image-button',
 
   render: function(dataSource, context) {
     var image = dataSource.get('image'),

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/master_detail.js

@@ -16,7 +16,8 @@
 SC.BaseTheme.MASTER_DETAIL_DIVIDER_WIDTH = 1;
 
 SC.BaseTheme.masterDetailRenderDelegate = SC.RenderDelegate.create({
-  name: 'master-detail',
+  className: 'master-detail',
+  dividerWidth: 1,
   
   render: function(dataSource, context) {
     context.setClass('round-toolbars', SC.platform.touch);
@@ -26,4 +27,4 @@ SC.BaseTheme.masterDetailRenderDelegate = SC.RenderDelegate.create({
     jquery.setClass('round-toolbars', SC.platform.touch);    
   }
   
-});
+});

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/menu.js

@@ -9,7 +9,7 @@ sc_require('render_delegates/picker');
 
 // This is the same as a pickerRenderDelegate, but is named 'menu' instead.
 SC.BaseTheme.menuRenderDelegate = SC.BaseTheme.pickerRenderDelegate.create({
-  name: 'menu',
+  className: 'menu',
 
   render: function(orig, dataSource, context) {
     this.addSizeClassName(dataSource, context);
@@ -21,11 +21,21 @@ SC.BaseTheme.menuRenderDelegate = SC.BaseTheme.pickerRenderDelegate.create({
     orig(dataSource, jquery);
   }.enhance(),
 
+  // height for items in this menu size
   itemHeight: 20,
+
+  // height of separator items
   itemSeparatorHeight: 9,
+
+  // amount to add to the calculated menu height
   menuHeightPadding: 6,
-  submenuOffsetX: 2,
 
+  // amount to add to any calculated menu width to determine the actual width
+  menuWidthPadding: 50,
+
+  minimumMenuWidth: 50,
+
+  submenuOffsetX: 2,
   verticalOffset: 23,
 
   'sc-tiny-size': {

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/panel.js

@@ -7,7 +7,7 @@
 
 
 SC.BaseTheme.panelRenderDelegate = SC.RenderDelegate.create({
-  name: 'panel',
+  className: 'panel',
   
   render: function(dataSource, context) {
     context = context.begin('div').addClass('panel-background');

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/picker.js

@@ -8,7 +8,7 @@
 sc_require('render_delegates/panel');
 
 SC.BaseTheme.pickerRenderDelegate = SC.RenderDelegate.create({
-  name: 'picker',
+  className: 'picker',
   
   render: function(dataSource, context) {
     var panelRenderDelegate = dataSource.get('theme').panelRenderDelegate;

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/progress.js

@@ -23,7 +23,7 @@
   any theme constants.
 */
 SC.BaseTheme.progressRenderDelegate = SC.RenderDelegate.create({
-  name: 'progress',
+  className: 'progress',
   
   render: function(dataSource, context) {
     this.addSizeClassName(dataSource, context);

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/radio.js

@@ -26,7 +26,7 @@
   
 */
 SC.BaseTheme.radioRenderDelegate = SC.RenderDelegate.create({
-  name: 'radio',
+  className: 'radio',
   
   render: function(dataSource, context) {
     this.addSizeClassName(dataSource, context);

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/radio_group.js

@@ -27,7 +27,7 @@
   button, there is a method to update a specific index.
 */
 SC.BaseTheme.radioGroupRenderDelegate = SC.RenderDelegate.create({
-  name: 'radio-group',
+  className: 'radio-group',
   
   render: function(dataSource, context) {
     this.addSizeClassName(dataSource, context);
@@ -47,7 +47,7 @@ SC.BaseTheme.radioGroupRenderDelegate = SC.RenderDelegate.create({
         .addClass('radio-' + idx)
         .attr('index', idx)
         .addClass(theme.classNames)
-        .addClass(theme.radioRenderDelegate.name)
+        .addClass(theme.radioRenderDelegate.className)
         
         // so we can identify it in event handling
         .addClass('sc-radio-button');

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/segment.js

@@ -11,7 +11,7 @@
   SC.SegmentedView.
 */
 SC.BaseTheme.segmentRenderDelegate = SC.RenderDelegate.create({
-  name: 'segment',
+  className: 'segment',
 
   render: function(dataSource, context) {
     var theme = dataSource.get('theme'),

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/segmented.js

@@ -9,7 +9,7 @@
   Renders and updates the HTML representation of SC.SegmentedView.
 */
 SC.BaseTheme.segmentedRenderDelegate = SC.RenderDelegate.create({
-  name: 'segmented',
+  className: 'segmented',
 
   /*
     We render everything external to the segments and let each segment use it's own render

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/slider.js

@@ -18,7 +18,7 @@
 
 SC.BaseTheme.sliderRenderDelegate = SC.RenderDelegate.create({
   
-  name: 'slider',
+  className: 'slider',
   
   render: function(dataSource, context) {
     this.addSizeClassName(dataSource, context);

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/toolbar.js

@@ -6,7 +6,7 @@
 // ==========================================================================
 
 SC.BaseTheme.toolbarRenderDelegate = SC.RenderDelegate.create({
-  name: 'toolbar',
+  className: 'toolbar',
 
   render: function(dataSource, context) {
     // toolbar has nothing in it

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/well.js

@@ -6,7 +6,7 @@
 // ==========================================================================
 
 SC.BaseTheme.wellRenderDelegate = SC.RenderDelegate.create({
-  name: 'well',
+  className: 'well',
   render: function(dataSource, context) {
     this.includeSlices(dataSource, context, SC.NINE_SLICE);
   },

data/lib/frameworks/sproutcore/frameworks/desktop/render_delegates/workspace.js

@@ -6,7 +6,7 @@
 // ==========================================================================
 
 SC.BaseTheme.workspaceRenderDelegate = SC.RenderDelegate.create({
-  name: 'workspace',
+  className: 'workspace',
   
   render: function() {
     // No DOM to generate -- uses CSS3 to style.

data/lib/frameworks/sproutcore/frameworks/desktop/resources/alert.css

@@ -0,0 +1,49 @@
+.sc-alert {
+  background: white;
+  .info {
+    position: relative ;
+    min-height: 48px;
+    padding: 20px 12px 58px 74px;
+    &.plain {
+      padding: 20px 12px 58px 16px;
+    }
+    .icon {
+      position: absolute;
+      left: 12px;
+      top: 14px;
+    }
+    .header {
+      background-color: transparent;
+      color: black;
+      margin: 0;
+      padding: 0;
+      font-size: 16px;
+      margin-bottom: 6px;
+      font-family: inherit ;
+    }
+    .description {
+      padding: 0;
+      margin: 6px 0px;
+      font-size: 12px;
+      margin-right: 20px;
+    }
+    .caption {
+      padding: 0;
+      margin: 6px 0px;
+      font-size: 11px;
+      margin-right: 20px;
+    }
+    .separator {
+      position: absolute;
+      width: 100%;
+      height: 2px;
+      left: 0px;
+      bottom: 50px;
+      background: #eaeaea ;
+    }
+  }
+}
+
+.sc-pane.sc-panel.sc-alert > div > .sc-view {
+  overflow: visible;
+}

data/lib/frameworks/sproutcore/frameworks/desktop/resources/disclosure.css

@@ -0,0 +1,20 @@
+/* SC.DisclosureView - sc-theme */
+
+.sc-button-view.sc-disclosure-view {
+  background: transparent;
+  .button {
+  	width: 16px;
+  	height: 16px;
+  	position: absolute;
+  	left: 0px;
+  	top: 0px;
+  }
+  .sc-button-label {
+  	position: absolute;
+  	left: 16px;
+  	top: 0;
+  	bottom: 0;
+  	right: 0;
+  	text-align: left;
+  }
+}

data/lib/frameworks/sproutcore/frameworks/desktop/{english.lproj → resources}/drag.css

@@ -1,4 +1,4 @@
-.sc-view.sc-ghost-view {
+.sc-ghost-view {
   opacity: 0.5;
 	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

data/lib/frameworks/sproutcore/frameworks/desktop/resources/icons.css

@@ -0,0 +1,214 @@
+/*
+  These built-in images/icons are available for use in your own application free of charge.  Just pass one of these CSS classnames as an image.
+*/
+
+/* @group 48-Pixel images/icons */
+
+.sc-icon-alert-48 {
+	width: 48px;
+	height: 48px;
+	@include slice("images/icons/sc-icon-alert-48.png");
+}
+
+.sc-icon-info-48 {
+	width: 48px;
+	height: 48px;
+	@include slice("images/icons/sc-icon-info-48.png");
+}
+
+.sc-icon-error-48 {
+	width: 48px;
+	height: 48px;
+	@include slice("images/icons/sc-icon-error-48.png");
+}
+
+
+/* @end */
+
+/* @group 24-Pixel images/icons */
+
+.sc-icon-tools-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-tools-24.png");
+}
+
+.sc-icon-bookmark-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-bookmark-24.png");
+}
+
+.sc-icon-info-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-info-24.png");
+}
+
+.sc-icon-help-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-help-24.png");
+}
+
+.sc-icon-alert-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-alert-24.png");
+}
+
+.sc-icon-left-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-left-24.png");
+}
+
+.sc-icon-right-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-right-24.png");
+}
+
+.sc-icon-up-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-up-24.png");
+}
+
+.sc-icon-down-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-down-24.png");
+}
+
+.sc-icon-undo-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-undo-24.png");
+}
+
+.sc-icon-redo-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-redo-24.png");
+}
+
+.sc-icon-group-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-group-24.png");
+}
+
+.sc-icon-user-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-user-24.png");
+}
+
+.sc-icon-cancel-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-cancel-24.png");
+}
+
+.sc-icon-options-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-options-24.png");
+}
+
+.sc-icon-folder-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-folder-24.png");
+}
+
+.sc-icon-trash-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-trash-24.png");
+}
+
+.sc-icon-document-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-document-24.png");
+}
+
+.sc-icon-favorite-24 {
+	width: 24px;
+	height: 24px;
+	@include slice("images/icons/sc-icon-favorite-24.png");
+}
+
+/* @end */
+
+/* @group 16-Pixel images/icons */
+
+.sc-icon-bookmark-16 {
+	width: 16px;
+	height: 16px;
+	@include slice("images/icons/sc-icon-bookmark-16.png");
+}
+
+.sc-icon-info-16 {
+	width: 16px;
+	height: 16px;
+	@include slice("images/icons/sc-icon-info-16.png");
+}
+
+.sc-icon-help-16 {
+	width: 16px;
+	height: 16px;
+	@include slice("images/icons/sc-icon-help-16.png");
+}
+
+.sc-icon-alert-16 {
+	width: 16px;
+	height: 16px;
+	@include slice("images/icons/sc-icon-alert-16.png");
+}
+
+.sc-icon-group-16 {
+	width: 16px;
+	height: 16px;
+	@include slice("images/icons/sc-icon-group-16.png");
+}
+
+.sc-icon-user-16 {
+	width: 16px;
+	height: 16px;
+	@include slice("images/icons/sc-icon-user-16.png");
+}
+
+.sc-icon-options-16 {
+	width: 16px;
+	height: 16px;
+	@include slice("images/icons/sc-icon-options-16.png");
+}
+
+.sc-icon-folder-16 {
+	width: 16px;
+	height: 16px;
+	@include slice("images/icons/sc-icon-folder-16.png");
+}
+
+.sc-icon-trash-16 {
+	width: 16px;
+	height: 16px;
+	@include slice("images/icons/sc-icon-trash-16.png");
+}
+
+.sc-icon-document-16 {
+	width: 16px;
+	height: 16px;
+	@include slice("images/icons/sc-icon-document-16.png");
+}
+
+.sc-icon-favorite-16 {
+	width: 16px;
+	height: 16px;
+	@include slice("images/icons/sc-icon-favorite-16.png");
+}
+
+/* @end */