dwker/lightweight-charts-python
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

SwitcherWidget.set implementation

Browse Source
This commit is contained in:
louisnw
2023-10-02 17:31:24 +01:00
parent 2bd4c7c037
commit 2e71edaf7a
2 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
lightweight_charts/js/callback.js
View File

@ -31,8 +31,10 @@ if (!window.TopBar) {
let widget = { let widget = {
elem: switcherElement, elem: switcherElement,
callbackName: callbackName, callbackName: callbackName,
intervalElements: null,
onItemClicked: null,
} }
let intervalElements = items.map((item)=> { widget.intervalElements = items.map((item)=> {
let itemEl = document.createElement('button'); let itemEl = document.createElement('button');
itemEl.style.border = 'none' itemEl.style.border = 'none'
itemEl.style.padding = '2px 5px' itemEl.style.padding = '2px 5px'
@ -50,16 +52,14 @@ if (!window.TopBar) {
itemEl.addEventListener('mouseleave', () => itemEl.style.backgroundColor = item === activeItem ? pane.activeBackgroundColor : 'transparent') itemEl.addEventListener('mouseleave', () => itemEl.style.backgroundColor = item === activeItem ? pane.activeBackgroundColor : 'transparent')
itemEl.addEventListener('mousedown', () => itemEl.style.backgroundColor = item === activeItem ? pane.activeBackgroundColor : pane.clickBackgroundColor) itemEl.addEventListener('mousedown', () => itemEl.style.backgroundColor = item === activeItem ? pane.activeBackgroundColor : pane.clickBackgroundColor)
itemEl.addEventListener('mouseup', () => itemEl.style.backgroundColor = item === activeItem ? pane.activeBackgroundColor : pane.hoverBackgroundColor) itemEl.addEventListener('mouseup', () => itemEl.style.backgroundColor = item === activeItem ? pane.activeBackgroundColor : pane.hoverBackgroundColor)
itemEl.addEventListener('click', () => onItemClicked(item)) itemEl.addEventListener('click', () => widget.onItemClicked(item))
switcherElement.appendChild(itemEl); switcherElement.appendChild(itemEl);
return itemEl; return itemEl;
}); });
widget.intervalElements = intervalElements widget.onItemClicked = (item)=> {
let onItemClicked = (item)=> {
if (item === activeItem) return if (item === activeItem) return
intervalElements.forEach((element, index) => { widget.intervalElements.forEach((element, index) => {
element.style.backgroundColor = items[index] === item ? pane.activeBackgroundColor : 'transparent' element.style.backgroundColor = items[index] === item ? pane.activeBackgroundColor : 'transparent'
element.style.color = items[index] === item ? pane.activeColor : pane.color element.style.color = items[index] === item ? pane.activeColor : pane.color
element.style.fontWeight = items[index] === item ? '500' : 'normal' element.style.fontWeight = items[index] === item ? '500' : 'normal'

8
lightweight_charts/topbar.py
View File

@ -36,7 +36,13 @@ class TextWidget(Widget):
class SwitcherWidget(Widget): class SwitcherWidget(Widget):
def __init__(self, topbar, options, default, align, func): def __init__(self, topbar, options, default, align, func):
super().__init__(topbar, value=default, func=func) super().__init__(topbar, value=default, func=func)
self.run_script(f'{self.id} = {topbar.id}.makeSwitcher({list(options)}, "{default}", "{self.id}", "{align}")') self.options = list(options)
self.run_script(f'{self.id} = {topbar.id}.makeSwitcher({self.options}, "{default}", "{self.id}", "{align}")')
def set(self, option):
if option not in self.options:
raise ValueError(f"option '{option}' does not exist within {self.options}.")
self.run_script(f'{self.id}.onItemClicked("{option}")')
class MenuWidget(Widget): class MenuWidget(Widget):