refactor: Move drawing tools to TradingView-style left toolbar

- Move drawing tools from right-side popup to left sidebar
- Add toggle button for desktop (right sidebar) and mobile (bottom nav)
- Implement collapsible toolbar with 6 drawing tools
- Add visual hover effects matching TradingView style
This commit is contained in:
DiTus
2026-03-21 09:46:32 +01:00
parent a34f80f841
commit 39df199c7f
2 changed files with 95 additions and 59 deletions

View File

@ -502,6 +502,8 @@ constructor() {
initPriceScaleControls() {
const btnSettings = document.getElementById('btnSettings');
const settingsPopup = document.getElementById('settingsPopup');
const toggleToolbarBtn = document.getElementById('toggleChartToolbar');
const chartToolbar = document.getElementById('chartToolbar');
// Settings Popup Toggle and Outside Click
if (btnSettings && settingsPopup) {
@ -523,6 +525,13 @@ constructor() {
}
}
// Toggle Chart Toolbar
if (toggleToolbarBtn && chartToolbar) {
toggleToolbarBtn.addEventListener('click', () => {
chartToolbar.style.display = chartToolbar.style.display === 'flex' ? 'none' : 'flex';
});
}
// Drawing Tools
this.initDrawingTools();