ares-ide
Version:
A browser-based code editor and UI designer for Enyo 2 projects
37 lines (33 loc) • 969 B
JavaScript
/**
A control that displays an icon. The icon image is specified by setting the
*src* property to a URL.
In Onyx, icons have a size of 32x32 pixels. Since the icon image is applied
as a CSS background, the height and width of an icon must be set if an image
of a different size is used.
{kind: "onyx.Icon", src: "images/search.png"}
When an icon should act like a button, use an <a href="#onyx.IconButton">onyx.IconButton</a>.
*/
enyo.kind({
name: "onyx.Icon",
published: {
//* URL specifying path to icon image
src: "",
//* When true, icon is shown as disabled.
disabled: false
},
classes: "onyx-icon",
//* @protected
create: function() {
this.inherited(arguments);
if (this.src) {
this.srcChanged();
}
this.disabledChanged();
},
disabledChanged: function() {
this.addRemoveClass("disabled", this.disabled);
},
srcChanged: function() {
this.applyStyle("background-image", "url(" + enyo.path.rewrite(this.src) + ")");
}
});