sproutcore 1.0.1049.pre.2 → 1.4.0.rc

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

@@ -1,82 +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.Disclosure = SC.Renderer.extend({
-  
-  classNames: {
-    'sc-disclosure': YES
-  },
-  
-  init: function(settings) {
-    this._controlRenderer = this.theme.control();
-    this.attr(settings);
-  },
-  
-  render: function(context) {
-    sc_super();
-    
-    this.renderControlRenderer(context);
-    
-    var state = this.state ? "open" : "closed";
-    context.push('<img src="' + SC.BLANK_IMAGE_URL + '" class="disclosure button ' + state + '" />');    
-  },
-  
-  update: function(context) {
-    sc_super();
-    
-    this.updateControlRenderer();
-    
-    var state = this.state,
-        elem = this.$("img");
-    
-    elem.setClass("open", state);
-    elem.setClass("closed", !state);
-    elem.setClass("active", this.isActive);
-  },
-  
-  renderControlRenderer: function(context) {
-    this._controlRenderer.attr({
-      controlSize: this.controlSize,
-      isActive: this.isActive,
-      isEnabled: this.isEnabled,
-      isSelected: this.isSelected
-    });
-    
-    this._controlRenderer.render(context);
-  },
-  
-  updateControlRenderer: function() {
-    this._controlRenderer.attr({
-      controlSize: this.controlSize,
-      isActive: this.isActive,
-      isEnabled: this.isEnabled,
-      isSelected: this.isSelected
-    });
-    
-    this._controlRenderer.update();
-  },
-  
-  focus: function() {
-    var elem = this.$()[0];
-    elem.focus();
-  },
-  
-  didAttachLayer: function(layer){
-    this._controlRenderer.attachLayer(layer);
-  },
-  
-  willDetachLayer: function() {
-    this._controlRenderer.detachLayer();
-  }
-  
-});
-
-SC.BaseTheme.renderers.disclosure = SC.BaseTheme.renderers.Disclosure.create();

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

@@ -1,103 +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.DisclosureControl = SC.Renderer.extend({
-  
-  classNames: {
-    'sc-disclosure-control': YES
-  },
-  
-  init: function(settings) {
-    this._disclosureRenderer = this.theme.disclosure();
-    this._titleRenderer = this.theme.title();
-    this.attr(settings);
-  },
-  
-  render: function(context) {
-    sc_super();
-    
-    this.renderDisclosureRenderer(context);
-    this.renderTitleRenderer(context);
-  },
-  
-  update: function(context) {
-    sc_super();
-    
-    this.updateDisclosureRenderer();
-    this.updateTitleRenderer();
-  },
-  
-  renderTitleRenderer: function(context) {
-    this._titleRenderer.attr({
-      title: this.title,
-      icon: this.icon,
-      needsEllipsis: this.needsEllipsis,
-      escapeHTML: this.escapeHTML
-    });
-
-    context = context.begin("span").addClass("sc-button-label");
-    this._titleRenderer.render(context);
-    context = context.end();
-  },
-  
-  updateTitleRenderer: function() {
-    this._titleRenderer.attr({
-      title: this.title,
-      icon: this.icon,
-      needsEllipsis: this.needsEllipsis,
-      escapeHTML: this.escapeHTML
-    });
-
-    this._titleRenderer.update();
-  },
-  
-  renderDisclosureRenderer: function(context) {
-    this._disclosureRenderer.attr({
-      controlSize: this.controlSize,
-      isActive: this.isActive,
-      isEnabled: this.isEnabled,
-      isSelected: this.isSelected,
-      state: this.state
-    });
-    
-    this._disclosureRenderer.render(context);
-  },
-  
-  updateDisclosureRenderer: function() {
-    this._disclosureRenderer.attr({
-      controlSize: this.controlSize,
-      isActive: this.isActive,
-      isEnabled: this.isEnabled,
-      isSelected: this.isSelected,
-      state: this.state
-    });
-    
-    this._disclosureRenderer.update();
-  },
-  
-  focus: function() {
-    var elem = this.$()[0];
-    elem.focus();
-  },
-  
-  didAttachLayer: function(layer){
-    this._disclosureRenderer.attachLayer(layer);
-    this._titleRenderer.attachLayer(this.provide("span.sc-button-label"));
-  },
-  
-  willDetachLayer: function() {
-    this._disclosureRenderer.detachLayer();
-    this._titleRenderer.detachLayer();
-  }
-  
-});
-
-SC.BaseTheme.renderers.disclosureControl = SC.BaseTheme.renderers.DisclosureControl.create();

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

@@ -1,33 +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
-
-  This renderer is initially intended for image button
-  @extends SC.Renderer
-  @since SproutCore 1.1
-*/
-
-SC.BaseTheme.renderers.ImageButton = SC.Renderer.extend({
-  render: function(context) {
-    var icon = this.icon;
-    context.addClass('no-min-width');
-    if(icon) context.push("<div class='img "+icon+"'></div>");
-    else context.push("<div class='img'></div>");
-  },
-  
-  update: function() {
-    var img = this.$('img'), src = this.icon;
-    if (src) {
-      img.attr('class', "img "+src);
-    } else {
-      img.attr('class', "img");
-    }  
-  }
-});
- 
-SC.BaseTheme.renderers.imageButton = SC.BaseTheme.renderers.ImageButton.create();

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

@@ -1,334 +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)
-// ==========================================================================
-
-SC.LIST_ITEM_COUNT_DIGITS = ['zero', 'one', 'two', 'three', 'four', 'five'];
-
-/** @class
-  @extends SC.Renderer
-  @since SproutCore 1.1
-*/
-SC.BaseTheme.renderers.ListItem = SC.Renderer.extend({
-  
-  init: function(settings) {
-    this._controlRenderer = this.theme.control();
-    this.attr(settings);
-  },
-  
-  render: function(context) {
-    var indent = this.outlineIndent,
-        level = this.outlineLevel;
-    
-    this.renderControlRenderer(context);
-    
-    context.setClass(this.calculateClassNames());
-    
-    context = context.begin("div").addClass("sc-outline");
-    
-    if (level>=0 && indent>0) {
-      context.addStyle("left", indent * (level+1));
-    }
-    
-    this.renderDisclosure(context);
-    this.renderCheckbox(context);
-    this.renderIcon(context);
-    this.renderLabel(context);
-    this.renderRightIcon(context);
-    this.renderCount(context);
-    this.renderBranch(context);
-    
-    context = context.end(); // end outline
-    
-    this.resetChanges();
-  },
-  
-  update: function() {
-    this.updateControlRenderer();
-    this.$().setClass(this.calculateClassNames());
-    
-    this.updateDisclosure();
-    this.updateCheckbox();
-    this.updateIcon();
-    this.updateLabel();
-    this.updateRightIcon();
-    this.updateCount();
-    this.updateBranch();
-    
-    this.resetChanges();
-  },
-  
-  didAttachLayer: function(layer){
-    this._controlRenderer.attachLayer(layer);
-    if (this._disclosureRenderer) this._disclosureRenderer.attachLayer(this.provide(".sc-disclosure-view"));
-    if (this._checkboxRenderer) this._checkboxRenderer.attachLayer(this.provide(".sc-checkbox-view"));
-  },
-  
-  willDetachLayer: function() {
-    this._controlRenderer.detachLayer();
-    if (this._disclosureRenderer) this._disclosureRenderer.detachLayer();
-    if (this._checkboxRenderer) this._checkboxRenderer.detachLayer();
-  },
-  
-  calculateClassNames: function() {
-    var classNames = this.classNames,
-        digits = SC.LIST_ITEM_COUNT_DIGITS,
-        even = this.contentIndex % 2 === 0,
-        l, i, digit;
-    
-    // handles unsetting of class case as well
-    classNames['even'] = even;
-    classNames['odd'] = !even;
-    
-    classNames['disabled'] = !SC.none(this.isEnabled) && !this.isEnabled;
-    classNames['has-disclosure'] = !SC.none(this.disclosureState);
-    classNames['has-checkbox'] = !SC.none(this.checkbox);
-    classNames['has-icon'] = !SC.none(this.icon);
-    classNames['has-right-icon'] = !SC.none(this.rightIcon);
-    classNames['has-branch'] = !SC.none(this.branch);
-    
-    l = digits.length;
-    if (this.count) {
-      classNames['has-count'] = YES;
-      var valueLength = this.count.toString().length;
-      digit = (valueLength < l) ? digits[valueLength] : digits[l-1];
-    } else {
-      classNames['has-count'] = NO;
-    }
-    for (i=0; i<l; i++) {
-      classNames[digits[i] + "-digit"] = digits[i] === digit;
-    }
-    
-    this.classNames = classNames;
-    return classNames;
-  },
-  
-  renderControlRenderer: function(context) {
-    this._controlRenderer.attr({
-      isEnabled: this.isEnabled,
-      isActive: this.isActive,
-      isSelected: this.isSelected,
-      controlSize: this.controlSize
-    });
-    this._controlRenderer.render(context);
-  },
-  
-  updateControlRenderer: function() {
-    this._controlRenderer.attr({
-      isEnabled: this.isEnabled,
-      isActive: this.isActive,
-      isSelected: this.isSelected,
-      controlSize: this.controlSize
-    });
-    this._controlRenderer.update();
-  },
-  
-  renderDisclosure: function(context) {
-    var state = this.disclosureState, renderer;
-    if (!SC.none(state)) {
-      if (!(renderer = this._disclosureRenderer)) {
-        renderer = this._disclosureRenderer = this.theme.disclosure();
-      }
-      renderer.attr({
-        isActive: this.disclosureActive || NO,
-        isEnabled: this.isEnabled,
-        isSelected: state,
-        state: state
-      });
-      
-      context = context.begin("div").addClass("sc-disclosure-view");
-      renderer.render(context);
-      context = context.end();
-    }
-  },
-  
-  renderDisclosureViaQuery: function() {
-    var context = SC.RenderContext();
-    this.renderDisclosure(context);
-    this.applyContextToLayer(context, this.$(".sc-outline"));
-    this._disclosureRenderer.attachLayer(this.provide(".sc-disclosure-view"));
-  },
-  
-  updateDisclosure: function() {
-    var renderer, newRenderer = NO;
-    if (this.didChange('disclosureState')) {
-      // acquire the renderer
-      if (!(renderer = this._disclosureRenderer)) {
-        renderer = this._disclosureRenderer = this.theme.disclosure();
-        newRenderer = YES;
-      }
-      
-      renderer.attr({
-        isActive: this.disclosureActive || NO,
-        isEnabled: this.isEnabled,
-        isSelected: this.disclosureState,
-        state: this.disclosureState
-      });
-      
-      // needs to create/update DOM
-      if (!SC.none(this.disclosureState)) {
-        if (!newRenderer) {
-          renderer.update();
-        } else {
-          this.renderDisclosureViaQuery();
-        }
-      }
-      // needs to destroy DOM
-      else {
-        if (!newRenderer) {
-          this._disclosureRenderer.detachLayer();
-          this.$(".sc-disclosure-view").remove(); // remove from DOM
-          this._disclosureRenderer = null;
-        }
-      }
-    }
-  },
-  
-  renderCheckbox: function(context) {
-    var state = this.checkbox, renderer;
-    if (!SC.none(state)) {
-      if (!(renderer = this._checkboxRenderer)) {
-        renderer = this._checkboxRenderer = this.theme.checkbox();
-      }
-      renderer.attr({
-        ariaValue: state ? "true" : "false",
-        isActive: this.checkboxActive || NO,
-        isEnabled: this.isEnabled && this.contentIsEditable,
-        isSelected: state,
-        name: SC.guidFor(this)
-      });
-      
-      context = context.begin("div").addClass("sc-checkbox-view");
-      renderer.render(context);
-      context = context.end();
-    }
-  },
-  
-  renderCheckboxViaQuery: function() {
-    var context = SC.RenderContext();
-    this.renderCheckbox(context);
-    this.applyContextToLayer(context, this.$(".sc-outline"));
-    this._checkboxRenderer.attachLayer(this.provide(".sc-checkbox-view"));
-  },
-  
-  updateCheckbox: function(context) {
-    var renderer, newRenderer = NO;
-    
-    if (!this.didChange('checkbox') && !this.didChange('checkboxActive')) return;
-    
-    if (!(renderer = this._checkboxRenderer)) {
-      renderer = this._checkboxRenderer = this.theme.checkbox();
-      newRenderer = YES;
-    }
-    
-    renderer.attr({
-      ariaValue: this.checkbox ? "true" : "false",
-      isActive: this.checkboxActive || NO,
-      isEnabled: this.isEnabled && this.contentIsEditable,
-      isSelected: this.checkbox,
-      name: SC.guidFor(this)
-    });
-    
-    // needs to create/update DOM
-    if (!SC.none(this.checkbox)) {
-      if (!newRenderer) {
-        renderer.update();
-      } else {
-        this.renderCheckboxViaQuery();
-      }
-    }
-    // needs to destroy DOM
-    else {
-      if (!newRenderer) {
-        this._checkboxRenderer.detachLayer();
-        this.$(".sc-checkbox-view").remove(); // remove from DOM
-        this._checkboxRenderer = null;
-      }
-    }
-  },
-  
-  renderIcon: function(context, icon, iconClass) {
-    icon = icon || this.icon;
-    if (icon) {
-      var url = null, className = null , classArray=[];
-      if (icon && SC.ImageView.valueIsUrl(icon)) {
-        className = '';
-        url = icon;
-      } else {
-        className = icon;
-        url = SC.BLANK_IMAGE_URL;
-      }
-
-      classArray.push(className, iconClass || "icon");
-      context.begin('img').addClass(classArray).attr('src', url).end();
-    }
-  },
-  
-  updateIcon: function(iconClass) {
-    
-  },
-  
-  renderLabel: function(context) {
-    var label = this.escapeHTML ? SC.RenderContext.escapeHTML(this.label) : this.label;
-    context.push("<label>", label, "</label>");
-  },
-  
-  updateLabel: function() {
-    var label = this.escapeHTML ? SC.RenderContext.escapeHTML(this.label) : this.label;
-    this.$("label")[0].innerHTML = label;
-  },
-  
-  renderRightIcon: function(context) {
-    if (this.rightIcon) {
-      this.renderIcon(context, this.rightIcon, "right-icon");
-    }
-  },
-  
-  updateRightIcon: function() {
-    if (this.rightIcon) {
-      this.updateIcon(this.rightIcon, "right-icon");
-    }
-  },
-  
-  renderCount: function(context) {
-    var count = this.count;
-    if (!SC.none(count) && (count !== 0)) {
-      context.push(
-        '<span class="count"><span class="inner">',
-          count.toString(),
-        '</span></span>'
-      );
-    }
-  },
-  
-  updateCount: function() {
-    var count = this.count,
-        cq = this.$(".count");
-    if (!SC.none(count) && (count !== 0)) {
-      cq.find(".inner").text(count.toString());
-    } else if (cq.size() > 0) {
-      cq[0].parentNode.removeChild(cq[0]);
-    }
-  },
-  
-  renderBranch: function(context) {
-    var branch = this.branch;
-    if (!SC.none(branch)) {
-      context.push('<span class="branch ' + (branch ? 'branch-visible' : 'branch-hidden') + '">&nbsp;</span>');
-    }
-  },
-  
-  updateBranch: function() {
-    var branch = this.branch;
-    if (!SC.none(branch)) {
-      var elem = this.$("span.branch");
-      elem.setClass('branch-visible', branch);
-      elem.setClass('branch-hidden', !branch);
-    }
-  }
-  
-});
-
-SC.BaseTheme.renderers.listItem = SC.BaseTheme.renderers.ListItem.create();