sproutcore 1.4.5-java → 1.5.0-java

data/lib/frameworks/sproutcore/themes/legacy_theme/english.lproj/pane.css

@@ -0,0 +1,18 @@
+.sc-theme .sc-dialog-pane {
+  z-index: 2000;
+  background: #494949;
+}
+
+/*
+Content-Type: multipart/related; boundary="BLANK_IMAGE"
+
+--BLANK_IMAGE
+Content-Location:SCTheme
+Content-Transfer-Encoding:base64
+
+R0lGODlhAQABAJAAAP///wAAACH5BAUQAAAALAAAAAABAAEAAAICBAEAOw==
+*/
+.sc-theme div.sc-ghost-view {
+  background-image: url(data:image/gif;base64,R0lGODlhAQABAJAAAP///wAAACH5BAUQAAAALAAAAAABAAEAAAICBAEAOw==) top left no-repeat; 
+  *background-image: sc_static('sproutcore/foundation:blank.gif') top left no-repeat; /* IE < 8 */
+}

data/lib/frameworks/sproutcore/themes/legacy_theme/english.lproj/segmented.css

@@ -0,0 +1,270 @@
+.sc-theme .sc-segmented-view {
+  display: block;
+}
+
+.sc-theme .sc-segment-view:active, .sc-segment-view:focus {
+	outline: none;
+}
+
+.sc-theme .sc-segment-view img.icon {
+	position: relative;
+	vertical-align: middle;
+	top: -2px;
+	margin-right: 2px;
+	height: 16px;
+	width: 16px;
+}
+
+.sc-theme .sc-segmented-view.disabled .sc-segment-view img.icon {
+	opacity: 0.5;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+  -moz-opacity: 0.5;
+}
+
+/* @group Layout */
+
+.sc-theme .sc-segmented-view .sc-segment-view {
+	display: inline-block;
+	top: 0;
+	height: 24px;
+	line-height: 24px;
+	text-shadow: #fff 0px 1px 0px;
+	margin-left: -1px;
+	text-decoration: none ;
+	color: black ;
+	text-align: center ;
+}
+
+.sc-theme .sc-segmented-view .sc-button-inner {
+  display: block;
+  min-width: 20px;
+  min-height: 24px;
+  border: none;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view {
+	padding-left: 11px;
+	padding-right: 0;
+	border: none;
+	background:  transparent;
+}
+
+
+.sc-theme .sc-segmented-view .sc-segment-view .sc-button-inner {
+  padding-left: 0;
+  padding-right: 11px;
+  background:  transparent;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view label {
+  display: block;
+  line-height: 24px;
+  height:  24px;
+  text-align: center;
+  background:  transparent;
+}
+
+/* @end */
+
+/* @group Appearance */
+
+/* @group Normal */
+
+.sc-theme .sc-segmented-view .sc-segment-view.sc-last-segment .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -814px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sc-first-segment {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -789px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment label {
+  background: static_url('images/sc-theme-repeat-x.png') repeat-x left -764px;
+  text-shadow: #fff 0px 1px 0px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sc-middle-segment,
+.sc-theme .sc-segmented-view .sc-segment-view.sc-last-segment {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -839px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sc-middle-segment .sc-button-inner,
+.sc-theme .sc-segmented-view .sc-segment-view.sc-first-segment .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -864px;
+}
+
+
+
+/* @end */
+
+
+
+/* @group Active */
+
+.sc-theme .sc-segmented-view .sc-segment-view.active.sc-last-segment .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -939px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.active.sc-first-segment {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -913px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.active label {
+  background: static_url('images/sc-theme-repeat-x.png') repeat-x left -889px;
+  text-shadow: #fff 0px 1px 0px;
+  text-shadow:  black 0px -1px 0px;
+  color: white;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.active.sc-middle-segment,
+.sc-theme .sc-segmented-view .sc-segment-view.active.sc-last-segment {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -964px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.active.sc-middle-segment .sc-button-inner,
+.sc-theme .sc-segmented-view .sc-segment-view.active.sc-first-segment .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -989px;
+}
+
+
+
+/* @end */
+
+/* @group Normal - Disabled */
+
+.sc-theme .sc-segmented-view .sc-segment-view.sc-last-segment.disabled .sc-button-inner,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view.sc-last-segment .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1064px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sc-first-segment.disabled,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view.sc-first-segment {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1038px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.disabled label,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view label {
+  background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1014px;
+  color: #999;
+  text-shadow: none;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sc-middle-segment.disabled,
+.sc-theme .sc-segmented-view .sc-segment-view.sc-last-segment.disabled,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view.sc-middle-segment,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view.sc-last-segment {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1089px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sc-middle-segment.disabled .sc-button-inner,
+.sc-theme .sc-segmented-view .sc-segment-view.sc-first-segment.disabled .sc-button-inner,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view.sc-middle-segment .sc-button-inner,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view.sc-first-segment .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1114px;
+}
+
+
+
+/* @end */
+
+/* @group Selected */
+
+.sc-theme .sc-segmented-view .sc-segment-view.sc-last-segment.sel .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1190px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sc-first-segment.sel {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1164px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sel label {
+  background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1140px;
+  text-shadow:  black 0px -1px 0px;
+  color: white;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sc-middle-segment.sel,
+.sc-theme .sc-segmented-view .sc-segment-view.sc-last-segment.sel {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1215px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sc-middle-segment.sel .sc-button-inner,
+.sc-theme .sc-segmented-view .sc-segment-view.sc-first-segment.sel .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1240px;
+}
+
+/* @end */
+
+/* @group Selected - Disabled */
+
+.sc-theme .sc-segmented-view .sc-segment-view.sel.sc-last-segment.disabled .sc-button-inner,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view.sel.sc-last-segment .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1442px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sel.sc-first-segment.disabled,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view.sel.sc-first-segment {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1416px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sel.disabled label,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view.sel label {
+  background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1392px;
+	color: white;
+	text-shadow: none;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sel.sc-middle-segment.disabled,
+.sc-theme .sc-segmented-view .sc-segment-view.sel.sc-last-segment.disabled,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view.sel.sc-middle-segment,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view.sel.sc-last-segment {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1467px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.sel.sc-middle-segment.disabled .sc-button-inner,
+.sc-theme .sc-segmented-view .sc-segment-view.sel.sc-first-segment.disabled .sc-button-inner,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view.sel.sc-middle-segment .sc-button-inner,
+.sc-theme .sc-segmented-view.disabled .sc-segment-view.sel.sc-first-segment .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1492px;
+}
+
+/* @end */
+
+
+
+
+
+/* @group Selected - Active */
+
+.sc-theme .sc-segmented-view .sc-segment-view.active.sel.sc-last-segment .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1316px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.active.sel.sc-first-segment {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1290px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.active.sel label {
+  background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1266px;
+  text-shadow:  black 0px -1px 0px;
+  color: white;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.active.sel.sc-middle-segment,
+.sc-theme .sc-segmented-view .sc-segment-view.active.sel.sc-last-segment {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1341px;
+}
+
+.sc-theme .sc-segmented-view .sc-segment-view.active.sel.sc-middle-segment .sc-button-inner,
+.sc-theme .sc-segmented-view .sc-segment-view.active.sel.sc-first-segment .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1366px;
+}
+
+
+
+/* @end */
+
+/* @end */
+
+

data/lib/frameworks/sproutcore/themes/legacy_theme/render_delegates/button.js

@@ -0,0 +1,89 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2011 Strobe Inc. and contributors.
+//            Portions ©2008-2011 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+sc_require("theme");
+/**
+  Renders and updates the HTML representation of a button.
+*/
+SC.LegacyTheme.buttonRenderDelegate = SC.RenderDelegate.create({
+  name: 'button',
+  
+  /**
+    Called when we need to create the HTML that represents the button.
+
+    @param {SC.Object} dataSource the object containing the information on how to render the button
+    @param {SC.RenderContext} context the render context instance
+  */
+  render: function(dataSource, context) {
+    this.addSizeClassName(dataSource, context);
+
+    var theme             = dataSource.get('theme'),
+        minWidth          = dataSource.get('titleMinWidth'),
+        toolTip           = dataSource.get('toolTip'),
+        isSelected        = dataSource.get('isSelected'),
+        isActive          = dataSource.get('isActive');
+
+    var labelContent;
+
+    context.setClass('icon', !!dataSource.get('icon') || 0);
+    context.setClass('def', dataSource.get('isDefault') || 0);
+    context.setClass('cancel', dataSource.get('isCancel') || 0);
+
+    if (toolTip) {
+      context.attr('title', toolTip);
+      context.attr('alt', toolTip);
+    }
+
+    // addressing accessibility
+    context.attr('aria-pressed', isActive);
+
+    // Specify a minimum width for the inner part of the button.
+    minWidth = (minWidth ? "style='min-width: " + minWidth + "px'" : '');
+    context = context.push("<span class='sc-button-inner' " + minWidth + ">");
+
+    // Create the inner label element that contains the text and, optionally,
+    // an icon.
+    context = context.begin('label').addClass('sc-button-label');
+    
+    // NOTE: we don't add the label class names because button styles its own label.
+    theme.labelRenderDelegate.render(dataSource, context);
+    context = context.end();
+    
+    context.push("</span>");
+
+    if (dataSource.get('supportFocusRing')) {
+      context.push('<div class="focus-ring">',
+                    '<div class="focus-left"></div>',
+                    '<div class="focus-middle"></div>',
+                    '<div class="focus-right"></div></div>');
+    }
+  },
+
+  /**
+    Called when one or more display properties have changed and we need to
+    update the HTML representation with the new values.
+
+    @param {SC.Object} dataSource the object containing the information on how to render the button
+    @param {SC.RenderContext} jquery the jQuery object representing the HTML representation of the button
+  */
+  update: function(dataSource, jquery) {
+    this.updateSizeClassName(dataSource, jquery);
+
+    var theme         = dataSource.get('theme'),
+        isSelected    = dataSource.get('isSelected'),
+        isActive      = dataSource.get('isActive');
+
+    if (dataSource.get('isActive')) jquery.addClass('active');
+    if (dataSource.get('isDefault')) jquery.addClass('default');
+    if (dataSource.get('isCancel')) jquery.addClass('cancel');
+    if (dataSource.get('icon')) jquery.addClass('icon');
+
+    // addressing accessibility
+    jquery.attr('aria-pressed', isActive);
+    theme.labelRenderDelegate.update(dataSource, jquery.find('label'));
+  }
+  
+});