AyCode.Blazor/AyCode.Blazor.Components/Components/Grids/MgGridInfoPanel.razor.cs

using DevExpress.Blazor;
using Microsoft.AspNetCore.Components;
using Microsoft.JSInterop;

namespace AyCode.Blazor.Components.Components.Grids;

/// <summary>
/// Interface for InfoPanel to support grid access
/// </summary>
public interface IInfoPanelBase
{
    void ClearEditMode();
    void SetEditMode(object editModel);
    void RefreshData(IMgGridBase grid, object? dataItem, int visibleIndex = -1);
}

/// <summary>
/// Context for InfoPanel templates containing data item and edit mode state
/// </summary>
public record InfoPanelContext(object? DataItem, bool IsEditMode);

/// <summary>
/// InfoPanel component for displaying and editing grid row details
/// </summary>
public partial class MgGridInfoPanel : ComponentBase, IAsyncDisposable, IInfoPanelBase
{
    [Inject] private IJSRuntime JSRuntime { get; set; } = null!;

    /// <summary>
    /// Whether to show readonly fields when in edit mode. Default is false.
    /// </summary>
    [Parameter] public bool ShowReadOnlyFieldsInEditMode { get; set; } = false;

    /// <summary>
    /// Minimum width for 2 columns layout. Default is 500px.
    /// </summary>
    [Parameter] public int TwoColumnBreakpoint { get; set; } = 400;

    /// <summary>
    /// Minimum width for 3 columns layout. Default is 800px.
    /// </summary>
    [Parameter] public int ThreeColumnBreakpoint { get; set; } = 800;

    /// <summary>
    /// Minimum width for 4 columns layout. Default is 1200px.
    /// </summary>
    [Parameter] public int FourColumnBreakpoint { get; set; } = 1300;

    /// <summary>
    /// Fixed column count. If set (1-4), overrides responsive breakpoints. Default is null (responsive).
    /// </summary>
    [Parameter] public int? FixedColumnCount { get; set; }

    /// <summary>
    /// Reference to the wrapper component - automatically registers this InfoPanel
    /// </summary>
    [CascadingParameter]
    public MgGridWithInfoPanel? GridWrapper { get; set; }

    private ElementReference _panelElement;
    private bool _isJsInitialized;
    private const int DefaultTopOffset = 300; // Increased from 180 to account for header + tabs + toolbar

    protected IMgGridBase? _currentGrid;
    protected object? _currentDataItem;
    protected int _focusedRowVisibleIndex = -1;
    protected List<DxGridDataColumn> _allDataColumns = [];

    // Edit mode state
    protected bool _isEditMode;
    protected object? _editModel;

    // Cache for edit settings to avoid repeated lookups
    private readonly Dictionary<string, IEditSettings?> _editSettingsCache = [];

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            // Register this InfoPanel with the wrapper
            GridWrapper?.RegisterInfoPanel(this);
            
            await InitializeStickyAsync();
        }
    }

    private async Task InitializeStickyAsync()
    {
        try
        {
            await JSRuntime.InvokeVoidAsync(
                "MgGridInfoPanel.initSticky",
                _panelElement,
                DefaultTopOffset);
            _isJsInitialized = true;
        }
        catch (JSException)
        {
            // JS might not be loaded yet, ignore
        }
    }

    /// <summary>
    /// Refreshes the InfoPanel with data from the specified grid row (view mode)
    /// </summary>
    public void RefreshData(IMgGridBase grid, object? dataItem, int visibleIndex = -1)
    {
        ArgumentNullException.ThrowIfNull(grid);
        
        _currentGrid = grid;
        _currentDataItem = dataItem;
        _focusedRowVisibleIndex = visibleIndex;
        _editSettingsCache.Clear();
        
        // Clear edit mode when refreshing with new data
        _isEditMode = false;
        _editModel = null;
        
        if (_currentGrid != null && _currentDataItem != null)
        {
            _allDataColumns = GetAllDataColumns(_currentGrid);
        }
        else
        {
            _allDataColumns = [];
        }

        StateHasChanged();
        
        // Notify subscribers that data item changed
        _ = OnDataItemChanged.InvokeAsync(dataItem);
    }

    /// <summary>
    /// Sets the InfoPanel to edit mode with the given edit model
    /// </summary>
    public void SetEditMode(object editModel)
    {
        _editModel = editModel;
        _isEditMode = true;
        _currentDataItem = _editModel;
        
        if (_currentGrid != null)
        {
            _allDataColumns = GetAllDataColumns(_currentGrid);
        }
        
        InvokeAsync(StateHasChanged);
    }

    /// <summary>
    /// Clears edit mode and returns to view mode
    /// </summary>
    public void ClearEditMode()
    {
        _isEditMode = false;
        _editModel = null;
        _editSettingsCache.Clear();
        InvokeAsync(StateHasChanged);
    }

    /// <summary>
    /// Clears the InfoPanel completely
    /// </summary>
    public void Clear()
    {
        _currentGrid = null;
        _currentDataItem = null;
        _focusedRowVisibleIndex = -1;
        _allDataColumns = [];
        _editSettingsCache.Clear();
        _isEditMode = false;
        _editModel = null;
        StateHasChanged();
    }

    public async ValueTask DisposeAsync()
    {
        if (_isJsInitialized)
        {
            try
            {
                await JSRuntime.InvokeVoidAsync("MgGridInfoPanel.disposeSticky", _panelElement);
            }
            catch
            {
                // Ignore disposal errors
            }
        }
    }

    /// <summary>
    /// Gets the data item to display/edit (EditModel in edit mode, otherwise CurrentDataItem)
    /// </summary>
    protected object? GetActiveDataItem() => _isEditMode && _editModel != null ? _editModel : _currentDataItem;

    /// <summary>
    /// Gets the display text for a field using the grid's internal formatting.
    /// For ComboBox columns, tries to get the text from the lookup data source.
    /// </summary>
    protected string GetDisplayTextFromGrid(DxGridDataColumn column)
    {
        var dataItem = GetActiveDataItem();
        if (_currentGrid == null || dataItem == null || string.IsNullOrWhiteSpace(column.FieldName))
            return string.Empty;

        try
        {
            var value = _currentGrid.GetDataItemValue(dataItem, column.FieldName);
            
            if (value == null)
                return string.Empty;

            // Try to resolve display text from EditSettings
            var editSettings = GetEditSettings(column.FieldName);
            if (editSettings is DxComboBoxSettings comboSettings)
            {
                var displayText = ResolveComboBoxDisplayText(comboSettings, value);
                if (!string.IsNullOrEmpty(displayText))
                    return displayText;
            }

            // Apply column's DisplayFormat if available
            if (!string.IsNullOrEmpty(column.DisplayFormat))
            {
                try
                {
                    return string.Format(column.DisplayFormat, value);
                }
                catch
                {
                    // If format fails, fall through to default formatting
                }
            }

            return FormatValue(value);
        }
        catch
        {
            return string.Empty;
        }
    }

    /// <summary>
    /// Gets edit settings for the specified field (with caching)
    /// </summary>
    private IEditSettings? GetEditSettings(string fieldName)
    {
        if (_currentGrid == null || string.IsNullOrEmpty(fieldName))
            return null;

        if (_editSettingsCache.TryGetValue(fieldName, out var cached))
            return cached;

        IEditSettings? settings = null;
        try
        {
            // Try each EditSettings type
            settings = _currentGrid.GetColumnEditSettings<DxComboBoxSettings>(fieldName)
                    ?? _currentGrid.GetColumnEditSettings<DxDateEditSettings>(fieldName)
                    ?? _currentGrid.GetColumnEditSettings<DxTimeEditSettings>(fieldName)
                    ?? _currentGrid.GetColumnEditSettings<DxSpinEditSettings>(fieldName)
                    ?? _currentGrid.GetColumnEditSettings<DxCheckBoxSettings>(fieldName)
                    ?? _currentGrid.GetColumnEditSettings<DxMemoSettings>(fieldName)
                    ?? (IEditSettings?)_currentGrid.GetColumnEditSettings<DxTextBoxSettings>(fieldName);
        }
        catch
        {
            // Ignore errors
        }

        _editSettingsCache[fieldName] = settings;
        return settings;
    }

    private string? ResolveComboBoxDisplayText(DxComboBoxSettings settings, object value)
    {
        if (settings.Data == null || string.IsNullOrEmpty(settings.ValueFieldName) || string.IsNullOrEmpty(settings.TextFieldName))
            return null;

        try
        {
            foreach (var item in (System.Collections.IEnumerable)settings.Data)
            {
                if (item == null) continue;

                var itemType = item.GetType();
                var valueProperty = itemType.GetProperty(settings.ValueFieldName);
                var textProperty = itemType.GetProperty(settings.TextFieldName);

                if (valueProperty == null || textProperty == null) continue;

                var itemValue = valueProperty.GetValue(item);
                if (itemValue != null && itemValue.Equals(value))
                {
                    return textProperty.GetValue(item)?.ToString();
                }
            }
        }
        catch
        {
            // If lookup fails, return null and fall back to default formatting
        }

        return null;
    }

    private static string FormatValue(object? value)
    {
        if (value == null)
            return string.Empty;

        return value switch
        {
            DateTime dateTime => dateTime.ToString("yyyy-MM-dd HH:mm:ss"),
            DateOnly dateOnly => dateOnly.ToString("yyyy-MM-dd"),
            TimeOnly timeOnly => timeOnly.ToString("HH:mm:ss"),
            TimeSpan timeSpan => timeSpan.ToString(@"hh\:mm\:ss"),
            bool boolValue => boolValue ? "Igen" : "Nem",
            decimal decValue => decValue.ToString("N2"),
            double dblValue => dblValue.ToString("N2"),
            float fltValue => fltValue.ToString("N2"),
            int or long or short or byte => $"{value:N0}",
            _ => value.ToString() ?? string.Empty
        };
    }

    /// <summary>
    /// Gets the columns to display based on edit mode and ShowReadOnlyFieldsInEditMode setting
    /// </summary>
    protected IEnumerable<DxGridDataColumn> GetVisibleColumns()
    {
        if (!_isEditMode || ShowReadOnlyFieldsInEditMode)
        {
            return _allDataColumns;
        }
        
        // In edit mode with ShowReadOnlyFieldsInEditMode=false, hide readonly columns
        return _allDataColumns.Where(c => !c.ReadOnly);
    }

    protected object? GetCellValue(DxGridDataColumn column)
    {
        var dataItem = GetActiveDataItem();
        if (_currentGrid == null || dataItem == null || string.IsNullOrWhiteSpace(column.FieldName))
            return null;

        try
        {
            return _currentGrid.GetDataItemValue(dataItem, column.FieldName);
        }
        catch
        {
            return null;
        }
    }

    protected static List<DxGridDataColumn> GetAllDataColumns(IMgGridBase grid)
    {
        var columns = new List<DxGridDataColumn>();

        try
        {
            var allColumns = grid.GetDataColumns();
            
            if (allColumns != null)
            {
                foreach (var column in allColumns)
                {
                    if (column is DxGridDataColumn dataColumn && 
                        !string.IsNullOrWhiteSpace(dataColumn.FieldName))
                    {
                        columns.Add(dataColumn);
                    }
                }
            }
        }
        catch (Exception)
        {
            // Ignore errors
        }

        return columns;
    }

    /// <summary>
    /// Gets the EditSettings type for rendering logic
    /// </summary>
    private EditSettingsType GetEditSettingsType(DxGridDataColumn column)
    {
        var settings = GetEditSettings(column.FieldName);
        
        return settings switch
        {
            DxComboBoxSettings => EditSettingsType.ComboBox,
            DxDateEditSettings => EditSettingsType.DateEdit,
            DxTimeEditSettings => EditSettingsType.TimeEdit,
            DxSpinEditSettings => EditSettingsType.SpinEdit,
            DxCheckBoxSettings => EditSettingsType.CheckBox,
            DxMemoSettings => EditSettingsType.Memo,
            _ => EditSettingsType.None
        };
    }

    private enum EditSettingsType
    {
        None,
        ComboBox,
        DateEdit,
        TimeEdit,
        SpinEdit,
        CheckBox,
        Memo
    }
}