mirror of
https://github.com/xibyte/jsketcher
synced 2025-12-15 12:53:52 +01:00
34 lines
No EOL
805 B
JavaScript
34 lines
No EOL
805 B
JavaScript
|
|
export default function ToolBar() {
|
|
this.node = $('<div>', {
|
|
css :{
|
|
'position': 'absolute',
|
|
'left': '260px',
|
|
'top': '10px',
|
|
'background-color': 'rgba(255, 255, 255, 0.5)',
|
|
'padding': '5px',
|
|
'border-radius' : '5px'
|
|
}
|
|
});
|
|
}
|
|
|
|
ToolBar.prototype.add = function(caption, icon, action) {
|
|
var btn = $('<div>', {
|
|
'class': 'tc-toolbar-btn',
|
|
text : caption,
|
|
css: {
|
|
'background-image': 'url('+icon+')',
|
|
'background-repeat': 'no-repeat',
|
|
'background-position-x': 'center',
|
|
'background-position-y': 'top',
|
|
'background-size': '48px 48px',
|
|
'border-radius' : '5px',
|
|
'width': '53px',
|
|
'padding-top' : '48px',
|
|
'margin-top' : '5px'
|
|
}
|
|
});
|
|
btn.click(action);
|
|
this.node.append(btn);
|
|
return btn;
|
|
}; |