TCPDashboard/dashboard/components/chart_controls.py

"""
Chart control components for the market data layout.
"""

from dash import html, dcc
import dash_bootstrap_components as dbc
from utils.logger import get_logger
from utils.time_range_utils import load_time_range_options

logger = get_logger()

def create_chart_config_panel(strategy_options, overlay_options, subplot_options):
    """Create the chart configuration panel with add/edit UI."""
    return dbc.Card([
        dbc.CardHeader(html.H5("🎯 Chart Configuration")),
        dbc.CardBody([
            dbc.Button("➕ Add New Indicator", id="add-indicator-btn-visible", color="primary", className="mb-3"),
            
            html.Div([
                html.Label("Strategy Template:", className="form-label"),
                dcc.Dropdown(
                    id='strategy-dropdown',
                    options=strategy_options,
                    value=None,
                    placeholder="Select a strategy template (optional)",
                )
            ], className="mb-3"),
            
            dbc.Row([
                dbc.Col([
                    html.Label("Overlay Indicators:", className="form-label"),
                    dcc.Checklist(
                        id='overlay-indicators-checklist',
                        options=overlay_options,
                        value=[],
                        style={'display': 'none'}
                    ),
                    html.Div(id='overlay-indicators-list')
                ], width=6),
                
                dbc.Col([
                    html.Label("Subplot Indicators:", className="form-label"),
                    dcc.Checklist(
                        id='subplot-indicators-checklist',
                        options=subplot_options,
                        value=[],
                        style={'display': 'none'}
                    ),
                    html.Div(id='subplot-indicators-list')
                ], width=6)
            ])
        ])
    ], className="mb-4")


def create_auto_update_control():
    """Create the auto-update control section."""
    return html.Div([
        dbc.Checkbox(
            id='auto-update-checkbox',
            label='Auto-update charts',
            value=True,
        ),
        html.Div(id='update-status', style={'font-size': '12px', 'color': '#7f8c8d'})
    ], className="mb-3")


def create_time_range_controls():
    """Create the time range control panel."""
    return dbc.Card([
        dbc.CardHeader(html.H5("⏰ Time Range Controls")),
        dbc.CardBody([
            html.Div([
                html.Label("Quick Select:", className="form-label"),
                dcc.Dropdown(
                    id='time-range-quick-select',
                    options=load_time_range_options(),
                    value='7d',
                    placeholder="Select time range",
                )
            ], className="mb-3"),
            
            html.Div([
                html.Label("Custom Date Range:", className="form-label"),
                dbc.InputGroup([
                    dcc.DatePickerRange(
                        id='custom-date-range',
                        display_format='YYYY-MM-DD',
                    ),
                    dbc.Button("Clear", id="clear-date-range-btn", color="secondary", outline=True, size="sm")
                ])
            ], className="mb-3"),
            
            html.Div([
                html.Label("Analysis Mode:", className="form-label"),
                dbc.RadioItems(
                    id='analysis-mode-toggle',
                    options=[
                        {'label': '🔴 Real-time Updates', 'value': 'realtime'},
                        {'label': '🔒 Analysis Mode (Locked)', 'value': 'locked'}
                    ],
                    value='realtime',
                    inline=True,
                )
            ]),

            html.Div(id='time-range-status', className="text-muted fst-italic mt-2")
        ])
    ], className="mb-4")


def create_export_controls():
    """Create the data export control panel."""
    return dbc.Card([
        dbc.CardHeader(html.H5("💾 Data Export")),
        dbc.CardBody([
            dbc.ButtonGroup([
                dbc.Button("Export to CSV", id="export-csv-btn", color="primary"),
                dbc.Button("Export to JSON", id="export-json-btn", color="secondary"),
            ]),
            dcc.Download(id="download-chart-data")
        ])
    ], className="mb-4")