98 lines
2.5 KiB
JavaScript
98 lines
2.5 KiB
JavaScript
OV.ToolbarButton = class
|
|
{
|
|
constructor (image, imageTitle, onClick)
|
|
{
|
|
this.image = image;
|
|
this.imageTitle = imageTitle;
|
|
|
|
this.selected = false;
|
|
this.buttonDiv = $('<div>').addClass ('ov_toolbar_button');
|
|
this.buttonImg = OV.AddSvgIcon (this.buttonDiv, this.image);
|
|
if (onClick !== null) {
|
|
this.buttonDiv.click (onClick);
|
|
}
|
|
|
|
this.buttonDiv.attr ('alt', this.imageTitle);
|
|
OV.InstallTooltip (this.buttonDiv, this.imageTitle);
|
|
}
|
|
|
|
AddDomElements (parentDiv)
|
|
{
|
|
this.buttonDiv.appendTo (parentDiv);
|
|
}
|
|
|
|
AddClass (className)
|
|
{
|
|
this.buttonDiv.addClass (className);
|
|
}
|
|
|
|
RemoveClass (className)
|
|
{
|
|
this.buttonDiv.removeClass (className);
|
|
}
|
|
|
|
AddImageClass (className)
|
|
{
|
|
this.buttonImg.addClass (className);
|
|
}
|
|
|
|
RemoveImageClass (className)
|
|
{
|
|
this.buttonImg.removeClass (className);
|
|
}
|
|
|
|
SetSelected (selected)
|
|
{
|
|
this.selected = selected;
|
|
if (!this.selected) {
|
|
this.buttonDiv.removeClass ('selected');
|
|
} else {
|
|
this.buttonDiv.addClass ('selected');
|
|
}
|
|
}
|
|
};
|
|
|
|
OV.Toolbar = class
|
|
{
|
|
constructor (parentDiv)
|
|
{
|
|
this.mainDiv = $('<div>').addClass ('ov_toolbar').appendTo (parentDiv);
|
|
}
|
|
|
|
AddImageButton (image, imageTitle, onClick)
|
|
{
|
|
let button = new OV.ToolbarButton (image, imageTitle, onClick);
|
|
button.AddDomElements (this.mainDiv);
|
|
return button;
|
|
}
|
|
|
|
AddImageRadioButton (buttonData, selectedIndex, onClick)
|
|
{
|
|
let buttons = [];
|
|
for (let buttonIndex = 0; buttonIndex < buttonData.length; buttonIndex++) {
|
|
let data = buttonData[buttonIndex];
|
|
let button = this.AddImageButton (data.image, data.title, () => {
|
|
for (let i = 0; i < buttons.length; i++) {
|
|
let currentButton = buttons[i];
|
|
if (i === buttonIndex) {
|
|
currentButton.SetSelected (true);
|
|
} else {
|
|
currentButton.SetSelected (false);
|
|
}
|
|
}
|
|
onClick (buttonIndex);
|
|
});
|
|
if (selectedIndex === buttonIndex) {
|
|
button.SetSelected (true);
|
|
}
|
|
buttons.push (button);
|
|
}
|
|
return buttons;
|
|
}
|
|
|
|
AddSeparator ()
|
|
{
|
|
return $('<div>').addClass ('ov_toolbar_separator').appendTo (this.mainDiv);
|
|
}
|
|
};
|