Fix: Change datetime format in Indicator Analysis panel

- Changed date format to DD/MM/YY HH:mm format
- Removed 'Last: ' prefix from signal display
- Added formatDate() helper function for consistent formatting
This commit is contained in:
DiTus
2026-03-01 19:53:11 +01:00
parent 3779e7c499
commit 11c805917c

View File

@ -1,6 +1,16 @@
import { INTERVALS, COLORS } from '../core/index.js'; import { INTERVALS, COLORS } from '../core/index.js';
import { calculateAllIndicatorSignals, calculateSummarySignal } from './signals-calculator.js'; import { calculateAllIndicatorSignals, calculateSummarySignal } from './signals-calculator.js';
function formatDate(timestamp) {
const date = new Date(timestamp);
const day = String(date.getDate()).padStart(2, '0');
const month = String(date.getMonth() + 1).padStart(2, '0');
const year = String(date.getFullYear()).slice(-2);
const hours = String(date.getHours()).padStart(2, '0');
const minutes = String(date.getMinutes()).padStart(2, '0');
return `${day}/${month}/${year} ${hours}:${minutes}`;
}
export class TradingDashboard { export class TradingDashboard {
constructor() { constructor() {
this.chart = null; this.chart = null;
@ -563,14 +573,14 @@ renderTA() {
const signalsHtml = this.indicatorSignals?.length > 0 ? this.indicatorSignals.map(indSignal => { const signalsHtml = this.indicatorSignals?.length > 0 ? this.indicatorSignals.map(indSignal => {
const signalIcon = indSignal.signal === 'buy' ? '🟢' : indSignal.signal === 'sell' ? '🔴' : '⚪'; const signalIcon = indSignal.signal === 'buy' ? '🟢' : indSignal.signal === 'sell' ? '🔴' : '⚪';
const signalColor = indSignal.signal === 'buy' ? '#26a69a' : indSignal.signal === 'sell' ? '#ef5350' : '#787b86'; const signalColor = indSignal.signal === 'buy' ? '#26a69a' : indSignal.signal === 'sell' ? '#ef5350' : '#787b86';
const lastSignalDate = indSignal.lastSignalDate ? new Date(indSignal.lastSignalDate * 1000).toLocaleDateString() : '-'; const lastSignalDate = indSignal.lastSignalDate ? formatDate(indSignal.lastSignalDate * 1000) : '-';
return ` return `
<div class="ta-ma-row" style="border-bottom: none; padding: 6px 0; align-items: center;"> <div class="ta-ma-row" style="border-bottom: none; padding: 6px 0; align-items: center;">
<span class="ta-ma-label">${indSignal.name}</span> <span class="ta-ma-label">${indSignal.name}</span>
<span class="ta-ma-value" style="display: flex; align-items: center; gap: 8px;"> <span class="ta-ma-value" style="display: flex; align-items: center; gap: 8px;">
<span style="font-size: 11px; padding: 2px 8px; min-width: 60px; text-align: center; background: ${signalColor}; color: white; border-radius: 3px;">${signalIcon} ${indSignal.signal.toUpperCase()}</span> <span style="font-size: 11px; padding: 2px 8px; min-width: 60px; text-align: center; background: ${signalColor}; color: white; border-radius: 3px;">${signalIcon} ${indSignal.signal.toUpperCase()}</span>
<span style="font-size: 10px; color: var(--tv-text-secondary);">Last: ${lastSignalDate}</span> <span style="font-size: 10px; color: var(--tv-text-secondary);">${lastSignalDate}</span>
</span> </span>
</div> </div>
`; `;