62 lines
1.1 KiB
JavaScript
62 lines
1.1 KiB
JavaScript
require('./style.scss');
|
|
|
|
module.exports = new Class({
|
|
Extends: Htk.Field
|
|
,Tag: 'htk-button'
|
|
,Properties: {
|
|
image: {
|
|
type: String
|
|
,set: function(x) {
|
|
this.iconNode.name = x;
|
|
}
|
|
},
|
|
icon: {
|
|
type: String
|
|
,set: function(x) {
|
|
this.iconNode.name = x;
|
|
}
|
|
},
|
|
tip: {
|
|
type: String
|
|
,set: function(x) {
|
|
this.node.title = x ? _(x) : '';
|
|
this.renderContent();
|
|
}
|
|
,get: function() {
|
|
return this.node.title;
|
|
}
|
|
},
|
|
showText: {
|
|
type: Boolean
|
|
,set: function(x) {
|
|
this._showText = x;
|
|
this.renderContent();
|
|
}
|
|
,get: function() {
|
|
return this._showText;
|
|
}
|
|
}
|
|
}
|
|
|
|
,_showText: false
|
|
|
|
,render: function() {
|
|
var node = this.createRoot('button');
|
|
|
|
this.iconNode = new Htk.Icon();
|
|
node.appendChild(this.iconNode.node);
|
|
}
|
|
|
|
,renderContent: function() {
|
|
if (this._textNode)
|
|
Vn.Node.remove(this._textNode);
|
|
|
|
if (this._showText && this.node.title) {
|
|
this._textNode = this.createElement('span');
|
|
this._textNode.className = 'text';
|
|
this._textNode.appendChild(this.createTextNode(this.node.title));
|
|
this.node.appendChild(this._textNode);
|
|
}
|
|
}
|
|
});
|