popov/gogo2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prediction display controls

Browse Source
This commit is contained in:
Dobromir Popov
2025-12-10 01:03:30 +02:00
parent 177022e472
commit bf381a9649
3 changed files with 237 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
ANNOTATE/web/templates/components/chart_panel.html
View File

@@ -4,22 +4,41 @@
<i class="fas fa-chart-candlestick"></i>
Multi-Timeframe Charts
</h5>
<div class="btn-group btn-group-sm" role="group">
<button type="button" class="btn btn-outline-light" id="zoom-in-btn" title="Zoom In">
<i class="fas fa-search-plus"></i>
</button>
<button type="button" class="btn btn-outline-light" id="zoom-out-btn" title="Zoom Out">
<i class="fas fa-search-minus"></i>
</button>
<button type="button" class="btn btn-outline-light" id="reset-zoom-btn" title="Reset Zoom">
<i class="fas fa-expand"></i>
</button>
<button type="button" class="btn btn-outline-light" id="maximize-btn" title="Maximize Chart Area">
<i class="fas fa-arrows-alt"></i>
</button>
<button type="button" class="btn btn-outline-light" id="fullscreen-btn" title="Fullscreen">
<i class="fas fa-expand-arrows-alt"></i>
</button>
<div class="d-flex gap-3">
<!-- Prediction Display Toggles -->
<div class="btn-group btn-group-sm" role="group" aria-label="Prediction toggles">
<button type="button" class="btn btn-outline-success active" id="toggle-ghost-candles" title="Toggle Ghost Candles">
<i class="fas fa-ghost"></i> Candles
</button>
<button type="button" class="btn btn-outline-warning active" id="toggle-trend-lines" title="Toggle Trend Lines">
<i class="fas fa-chart-line"></i> Trends
</button>
<button type="button" class="btn btn-outline-info active" id="toggle-actions" title="Toggle Action Predictions">
<i class="fas fa-bullseye"></i> Actions
</button>
<button type="button" class="btn btn-outline-primary active" id="toggle-pivots" title="Toggle Pivot Points">
<i class="fas fa-circle-dot"></i> Pivots
</button>
</div>
<!-- Chart Controls -->
<div class="btn-group btn-group-sm" role="group">
<button type="button" class="btn btn-outline-light" id="zoom-in-btn" title="Zoom In">
<i class="fas fa-search-plus"></i>
</button>
<button type="button" class="btn btn-outline-light" id="zoom-out-btn" title="Zoom Out">
<i class="fas fa-search-minus"></i>
</button>
<button type="button" class="btn btn-outline-light" id="reset-zoom-btn" title="Reset Zoom">
<i class="fas fa-expand"></i>
</button>
<button type="button" class="btn btn-outline-light" id="maximize-btn" title="Maximize Chart Area">
<i class="fas fa-arrows-alt"></i>
</button>
<button type="button" class="btn btn-outline-light" id="fullscreen-btn" title="Fullscreen">
<i class="fas fa-expand-arrows-alt"></i>
</button>
</div>
</div>
</div>
<div class="card-body p-2">
@@ -159,6 +178,43 @@
}
});
// Prediction display toggles
document.getElementById('toggle-ghost-candles').addEventListener('click', function () {
this.classList.toggle('active');
const enabled = this.classList.contains('active');
if (window.appState && window.appState.chartManager) {
window.appState.chartManager.toggleGhostCandles(enabled);
}
console.log('Ghost candles:', enabled ? 'enabled' : 'disabled');
});
document.getElementById('toggle-trend-lines').addEventListener('click', function () {
this.classList.toggle('active');
const enabled = this.classList.contains('active');
if (window.appState && window.appState.chartManager) {
window.appState.chartManager.toggleTrendLines(enabled);
}
console.log('Trend lines:', enabled ? 'enabled' : 'disabled');
});
document.getElementById('toggle-actions').addEventListener('click', function () {
this.classList.toggle('active');
const enabled = this.classList.contains('active');
if (window.appState && window.appState.chartManager) {
window.appState.chartManager.toggleActions(enabled);
}
console.log('Action predictions:', enabled ? 'enabled' : 'disabled');
});
document.getElementById('toggle-pivots').addEventListener('click', function () {
this.classList.toggle('active');
const enabled = this.classList.contains('active');
if (window.appState && window.appState.chartManager) {
window.appState.chartManager.togglePivots(enabled);
}
console.log('Pivot points:', enabled ? 'enabled' : 'disabled');
});
// Minimize button functionality
document.querySelectorAll('.minimize-btn').forEach(btn => {
btn.addEventListener('click', function () {