card_elements.py

from dash import html
from data_retrieval import get_recent_data

def multi_card(df, buoy_ids):
    """
    Create a list of HTML card elements displaying the last data row for each specified buoy ID.

    Args:
        df (pd.DataFrame): Multi-index DataFrame containing SWIFT data.
        buoy_ids (list of str): List of buoy IDs to retrieve data for.

    Returns:
        list: List of Dash HTML components representing the data for each buoy ID.
    """
    cards = []
    
    for buoy_id in buoy_ids:
        recent_data = get_recent_data(df, buoy_id)
        
        if recent_data is not None:
            formatted_time = recent_data['time']
            card_content = f'ID: {buoy_id} | {formatted_time}'
            cards.extend([html.P(card_content), html.Br()])
        else:
            card_content = f'ID: {buoy_id} | Data not found'
            cards.extend([html.P(card_content), html.Br()])
    
    return cards

def single_card(df, buoy_id):
    """
    Create a list of HTML card elements displaying the last data row for a buoy ID.

    Args:
        df (pd.DataFrame): Multi-index DataFrame containing SWIFT data.
        buoy_id (str): Buoy ID to retrieve data for.

    Returns:
        list: List of Dash HTML components representing the data for a buoy ID.
    """
    cards = []
    
    recent_data = get_recent_data(df, buoy_id)

    if recent_data is not None:
        card_content = html.P([
                f'Significant Wave Height: {recent_data["significant_height"]:.3f}', html.Br(),
                f'Peak Period: {recent_data["peak_period"]:.3f}', html.Br(),
                f'Peak Direction: {recent_data["peak_direction"]:.3f}', html.Br(),
                f'Timestamp: {recent_data["time"]}'])
        cards.append(card_content)
    else:
        card_content = html.P([f'ID: {buoy_id} | Data not found', html.Br()])
        cards.append(card_content)

    return cards