sproutcore 1.0.1049.pre.2 → 1.4.0.rc

data/lib/frameworks/sproutcore/frameworks/desktop/renderers/masterDetail.js

@@ -1,23 +0,0 @@
-// ==========================================================================
-// 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)
-// ==========================================================================
-
-/** @class
-  @extends SC.Renderer
-  @since SproutCore 1.1
-*/
-
-SC.BaseTheme.renderers.MasterDetail = SC.Renderer.extend({
-  BORDER: 1,
-  render: function(context) {
-    if (this.contentProvider) this.contentProvider.renderContent(context);
-  },
-  
-  update: function() {
-  }
-});
-
-SC.BaseTheme.renderers.masterDetail = SC.BaseTheme.renderers.MasterDetail.create();

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

@@ -1,34 +0,0 @@
-// ==========================================================================
-// 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)
-// ==========================================================================
-
-/** @class
-  @extends SC.Renderer
-  @since SproutCore 1.1
-*/
-
-SC.BaseTheme.renderers.Panel = SC.Renderer.extend({
-  render: function(context) {
-    if (this.contentProvider) this.contentProvider.renderContent(context);
-    context.push(
-      "<div class='middle'></div>",
-      "<div class='top-left-edge'></div>",
-      "<div class='top-edge'></div>",
-      "<div class='top-right-edge'></div>",
-      "<div class='right-edge'></div>",
-      "<div class='bottom-right-edge'></div>",
-      "<div class='bottom-edge'></div>",
-      "<div class='bottom-left-edge'></div>",
-      "<div class='left-edge'></div>"
-    );
-  },
-  
-  update: function() {
-    // we NEVER update child views. They get to do that on their own.
-  }
-});
-
-SC.BaseTheme.renderers.panel = SC.BaseTheme.renderers.Panel.create();

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

@@ -1,50 +0,0 @@
-// ==========================================================================
-// 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)
-// ==========================================================================
-
-/** @class
-  @extends SC.Renderer
-  @since SproutCore 1.1
-*/
-
-SC.BaseTheme.renderers.Picker = SC.Renderer.extend({
-  init: function(attr) {
-    this.attr(attr);
-    
-    this.panelRenderer = this.theme.panel();
-  },
-  render: function(context) {
-    this.panelRenderer.attr("contentProvider", this.contentProvider);
-    this.panelRenderer.render(context);
-    
-    if (this.preferType == SC.PICKER_POINTER || this.preferType == SC.PICKER_MENU_POINTER) {
-      context.push('<div class="sc-pointer '+this.pointerPos+'" style="margin-top: '+this.pointerPosY+'px"></div>');
-      context.addClass(this.pointerPos);
-    }
-  },
-  
-  update: function() {
-    this.panelRenderer.attr("contentProvider", this.contentProvider);
-    this.panelRenderer.update();
-    
-    if (this.preferType == SC.PICKER_POINTER || this.preferType == SC.PICKER_MENU_POINTER) {
-      var el = this.$('.sc-pointer');
-      el.attr('class', "sc-pointer "+this.pointerPos);
-      el.attr('style', "margin-top: "+this.pointerPosY+"px");
-      this.$().addClass(this.pointerPos);
-    }
-  },
-  
-  didAttachLayer: function(l) {
-    this.panelRenderer.attachLayer(l);
-  },
-  
-  willDetachLayer: function() {
-    this.panelRenderer.detachLayer();
-  }
-});
-
-SC.BaseTheme.renderers.picker = SC.BaseTheme.renderers.Picker.create();

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

@@ -1,79 +0,0 @@
-// ==========================================================================
-// 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)
-// ==========================================================================
-
-/** @class
-  @extends SC.Renderer
-  @since SproutCore 1.1
-*/
-
-SC.BaseTheme.renderers.Segment = SC.Renderer.extend({
-  init: function(settings) {
-    this._buttonRenderer = this.theme.button();
-    this.attr(settings);
-  },
-  
-  updateButtonRenderer: function() {
-    this._buttonRenderer.attr({
-      title: this.title,
-      icon: this.icon,
-      toolTip: this.toolTip,
-      isEnabled: this.isEnabled,
-      isSelected: this.isSelected,
-      isActive: this.isActive,
-      controlSize: this.controlSize
-    });
-  },
-  
-  computeClasses: function() {
-    var classes = this._class_hash || {};
-    
-    classes["sc-first-segment"] = this.isFirstSegment;
-    classes["sc-middle-segment"] = this.isMiddleSegment;
-    classes["sc-last-segment"] = this.isLastSegment;
-    classes["sc-segment"] = YES;
-    
-    this._class_hash = classes;
-    return classes;
-  },
-  
-  render: function(context) {
-    // configure sub renderers
-    this.updateButtonRenderer();
-    this._buttonRenderer.render(context);
-    
-    /* Render OUR stuff */
-    context.setClass(this.computeClasses());
-    if (this.width) context.addStyle('width', this.width + 'px');
-
-    if (this.layoutDirection === SC.LAYOUT_HORIZONTAL) context.addStyle('display', 'inline-block');
-    this.resetChanges();
-  },
-  
-  update: function() {
-    // well, if we haven't changed, why not be a bit lazy
-    if (!this.hasChanges()) return;
-    
-    this.updateButtonRenderer();
-    this._buttonRenderer.update();
-    
-    // update OUR stuff
-    this.$().setClass(this.computeClasses());
-    if (this.didChange("width")) this.$().css('width', this.width ? this.width+'px' : '');
-    if (this.didChange('layoutDirection')) this.$().css('display', this.layoutDirection == SC.LAYOUT_HORIZONTAL ? 'inline-block' : '');
-    this.resetChanges();
-  },
-  
-  didAttachLayer: function(layer){
-    this._buttonRenderer.attachLayer(layer);
-  },
-  
-  willDetachLayer: function() {
-    this._buttonRenderer.detachLayer();
-  }
-});
-
-SC.BaseTheme.renderers.segment = SC.BaseTheme.renderers.Segment.create();

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

@@ -1,172 +0,0 @@
-// ==========================================================================
-// 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)
-// ==========================================================================
-
-/** @class
-  @extends SC.Renderer
-  @since SproutCore 1.1
-*/
-
-SC.BaseTheme.renderers.Segmented = SC.Renderer.extend({
-
-  controlSizeArray: [18, 24, 30, 44], // pre-create for performance (purely optional optimization)
-  controlSizes: {
-    18: SC.SMALL_CONTROL_SIZE,
-    24: SC.REGULAR_CONTROL_SIZE,
-    30: SC.HUGE_CONTROL_SIZE,
-    44: SC.JUMBO_CONTROL_SIZE
-  },
-
-  init: function(attrs) {
-    this._controlRenderer = this.theme.control({
-      controlSizes: this.controlSizes,
-      controlSizeArray: this.controlSizeArray // purely optional optimization
-    });
-
-    this._segments = [];
-    this.attr(attrs);
-  },
-  
-  // renderers are renderers and that's all they are.
-  render: function(context) {
-    var segments = this.segments, idx, len, segs = [],
-        reusables = this._segments,
-        segment, ren;
-    
-    this._controlRenderer.attr({
-      isEnabled: this.isEnabled,
-      isActive: this.isActive,
-      isSelected: this.isSelected,
-      controlSize: this.controlSize
-    });
-    this._controlRenderer.render(context);
-    
-    // clean up; get rid of layers on our existing segments
-    for (idx = 0, len = reusables.length; idx < len; idx++) reusables[idx].detachLayer();
-    
-    // now, create new stuff
-    for (idx = 0, len = segments.length; idx < len; idx++) {
-      segment = segments[idx];
-      
-      // create an <a>
-      context = context.begin("a");
-      context.addClass('segment-' + idx);
-      
-      // check if we have a reusable renderer (waste not, want not)
-      if (reusables.length > idx) {
-        ren = reusables[idx];
-      } else { // otherwise, create a new one.
-        ren = this.theme.segment();
-      }
-      
-      // set attributes
-      ren.attr(segment);
-      ren.attr('layoutDirection', this.layoutDirection);
-      ren.attr('isFirstSegment', idx === 0);
-      ren.attr('isLastSegment', idx === len - 1);
-      ren.attr('isMiddleSegment', idx < len - 1 && idx > 0);
-      ren.attr('controlSize', this.controlSize);
-      
-      // render to context
-      ren.render(context);
-      
-      // finish context
-      context = context.end();
-      
-      // add renderer to our list
-      segs.push(ren);
-      
-      // finally, if we have a layer, we need to attach the renderer to the layer.
-      ren.attachLayer(this.provide(".segment-" + idx));
-    }
-    
-    this._segments = segs;
-  },
-  
-  
-  update: function() {
-    // this is actually performance-oriented. If we are completely changing the list of segments...
-    // it may be faster to just re-render them all in one go. Plus it's easy.
-    // Otherwise, we'd have to try to append or something crazy like that, which wouldn't be so good;
-    // or who knows what.
-    if (this._segments.length !== this.segments.length) {
-      var layer = this.layer();
-      if (!layer) return;
-      
-      // re-render
-      var context = SC.RenderContext(layer);
-      this.render(context);
-      context.update();
-      
-      // and done!
-      return;
-    }
-    
-    // otherwise, just update each renderer
-    var segments = this.segments, idx, len = segments.length, renderers = this._segments,
-        segment, renderer;
-    
-    this._controlRenderer.attr({
-      isEnabled: this.isEnabled,
-      isActive: this.isActive,
-      isSelected: this.isSelected,
-      controlSize: this.controlSize
-    });
-    this._controlRenderer.update();    
-        
-    // loop through renderers+segments, and update them all
-    for (idx = 0; idx < len; idx ++) {
-      segment = segments[idx]; renderer = renderers[idx];
-      renderer.attr(segment);
-      renderer.attr('layoutDirection', this.layoutDirection);
-      renderer.attr('controlSize', this.controlSize);
-      renderer.update();
-    }
-  },
-  
-  didAttachLayer: function(layer) {
-    var segments = this._segments, segment, idx, len = segments.length;
-
-    this._controlRenderer.attachLayer(layer);
-
-    for (idx = 0; idx < len; idx++) {
-      segment = segments[idx];
-      
-      // make a layer provider
-      segment.attachLayer(this.provide(".segment-" + idx));
-    }
-  },
-  
-  willDetachLayer: function() {
-    var segments = this._segments, segment, idx, len = segments.length;
-
-    this._controlRenderer.detachLayer();
-    
-    // just detach the layer.
-    for (idx = 0; idx < len; idx++) {
-      segments[idx].detachLayer();
-    }
-  },
-  
-  indexForEvent: function(evt) {
-    var pageX = evt.pageX, pageY = evt.pageY;
-    
-    var segments = this.$('.sc-segment'), len = segments.length, idx, segment, r;
-    for (idx = 0; idx < len; idx++) {
-      segment = segments[idx];
-      r = segment.getBoundingClientRect();
-      if (this.layoutDirection == SC.LAYOUT_VERTICAL) {
-        if (pageY > r.top && pageY < r.bottom) return idx;
-      }
-      else {
-        if (pageX > r.left && pageX < r.right) return idx;
-      }
-    }
-    return -1;
-  }
-});
-
-SC.BaseTheme.renderers.segmented = SC.BaseTheme.renderers.Segmented.create();

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

@@ -1,86 +0,0 @@
-// ==========================================================================
-// 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)
-// ==========================================================================
-
-/** @class
-  @extends SC.Renderer
-  @since SproutCore 1.1
-*/
-
-SC.BaseTheme.renderers.Slider = SC.Renderer.extend({
-  controlSizeArray: [14, 16, 22], // pre-create for performance (purely optional optimization)
-  controlSizes: {
-    14: SC.SMALL_CONTROL_SIZE,
-    16: SC.REGULAR_CONTROL_SIZE,
-    22: SC.JUMBO_CONTROL_SIZE
-  },
-  
-  init: function(attrs) {
-    this._controlRenderer = this.theme.control({
-      controlSizes: this.controlSizes,
-      controlSizeArray: this.controlSizeArray // purely optional optimization
-    });
-    
-    this.attr(attrs);
-  },
-  render: function(context) {
-    this._controlRenderer.attr({
-      isEnabled: this.isEnabled,
-      isActive: this.isActive,
-      isSelected: this.isSelected,
-      controlSize: this.controlSize
-    });
-    this._controlRenderer.render(context);
-    
-    this.renderSlider(context);
-    this.resetChanges();
-  },
-  
-  renderSlider: function(context) {
-    var blankImage = SC.BLANK_IMAGE_URL;
-    context.push('<span class="sc-inner">',
-                  '<span class="sc-leftcap"></span>',
-                  '<span class="sc-rightcap"></span>',
-                  '<img src="', blankImage, 
-                  '" class="sc-handle" style="left: ', this.value, '%" />',
-                  '</span>');
-  },
-  
-  update: function() {
-    this._controlRenderer.attr({
-      isEnabled: this.isEnabled,
-      isActive: this.isActive,
-      isSelected: this.isSelected,
-      controlSize: this.controlSize
-    });
-    this._controlRenderer.update();
-    
-    this.updateSlider();
-    this.resetChanges();
-  },
-  
-  updateSlider: function() {
-    if (this.didChange('value')) {
-      this.$(".sc-handle").css("left", this.value + "%");
-    }
-  },
-  
-  
-  focus: function() {
-    var elem = this.$()[0];
-    elem.focus();
-  },
-  
-  didAttachLayer: function(layer){
-    this._controlRenderer.attachLayer(layer);
-  },
-  
-  willDetachLayer: function() {
-    this._controlRenderer.detachLayer();
-  }
-});
-
-SC.BaseTheme.renderers.slider = SC.BaseTheme.renderers.Slider.create();