You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
940 B
44 lines
940 B
// Class for a Sugar button with an icon and a text
|
|
enyo.kind({
|
|
name: "Sugar.IconButton",
|
|
kind: enyo.Control,
|
|
published: {
|
|
icon: null,
|
|
text: null,
|
|
colorized: false,
|
|
colorizedColor: null,
|
|
},
|
|
classes: "icon-button",
|
|
components: [
|
|
{ name: "icon", kind: "Sugar.Icon", size: 20, x: 6, y: 6},
|
|
{ name: "text", classes: "icon-button-text" }
|
|
],
|
|
|
|
// Constructor
|
|
create: function() {
|
|
this.inherited(arguments);
|
|
this.iconChanged();
|
|
this.textChanged();
|
|
this.colorizedChanged();
|
|
if (l10n.language.direction == "rtl") {
|
|
this.setAttribute("dir", "rtl");
|
|
this.$.text.addClass("rtl-10");
|
|
}
|
|
},
|
|
|
|
// Property changed
|
|
iconChanged: function() {
|
|
this.$.icon.setIcon(this.icon);
|
|
},
|
|
|
|
textChanged: function() {
|
|
this.$.text.setContent(this.text);
|
|
},
|
|
|
|
colorizedChanged: function() {
|
|
if (this.colorized) {
|
|
this.$.icon.setColorized(this.colorized);
|
|
this.$.icon.setColorizedColor(this.colorizedColor);
|
|
}
|
|
},
|
|
});
|