UiMessageAlert de mesaj kutusunda icon gelmiyor

[hursoft]

Is there an existing issue for this?

• I have searched the existing issues

Description

MAİNLAYOUT DAN SADECE ÇAĞIRDIM. AMA MESAJ KUTUSUNDA ORTADA Kİ İKON GELMİYOR. SORUN NEDİR NASIL DÜZELİR. 2 GUNDUR UGRASIYORUM İKON GELMIYOR

Reproduction Steps

No response

Expected behavior

No response

Actual behavior

No response

Regression?

No response

Known Workarounds

No response

Version

9.2.0-rc.4

User Interface

Common (Default)

Database Provider

EF Core (Default)

Tiered or separate authentication server

None (Default)

Operation System

Windows (Default)

Other information

No response

[maliming]

hi

Can you use English and share some code or steps?

Thanks.

[hursoft]

MainLayout

@inherits LayoutComponentBase
@Inject NavigationManager NavigationManager
@rendermode InteractiveAuto
@using HursoftGuvenlik.OnMuhasebe.Blazor.Components.Shared

<DxLayoutBreakpoint MaxWidth="1200"
@bind-IsActive="@IsMobileLayout" />

@if (IsMobileLayout) { } else { } @if (!IsMobileLayout) { } @* *@

            </Template>
        </DxGridLayoutItem>
        <DxGridLayoutItem Area="content" CssClass="content px-4 layout-item">
            <Template>
                @Body
                <UiMessageAlert/>
            </Template>
        </DxGridLayoutItem>
       
    </Items>
</DxGridLayout>

@code { string? NavMenuCssClass { get; set; } bool _isMobileLayout; bool IsMobileLayout { get => _isMobileLayout; set { _isMobileLayout = value; IsSidebarExpanded = !_isMobileLayout; } }

bool _isSidebarExpanded = true;
bool IsSidebarExpanded
{
    get => _isSidebarExpanded;
    set
    {
        if (_isSidebarExpanded != value)
        {
            NavMenuCssClass = value ? "expand" : "collapse";
            _isSidebarExpanded = value;
        }
    }
}

protected override void OnInitialized()
{
    NavigationManager.LocationChanged += OnLocationChanged;
}
async void OnLocationChanged(object? sender, LocationChangedEventArgs args)
{
    if (IsMobileLayout)
    {
        IsSidebarExpanded = false;
        await InvokeAsync(StateHasChanged);
    }
}

public void Dispose()
{
    NavigationManager.LocationChanged -= OnLocationChanged;
}

}

@Body
Called with

protected virtual async Task DeleteAsync()
{
BaseService.SelectFirstDataRow = false;

 await BaseService.ConfirmMessage(L["DeleteConfirmMessage"], async () =>
 {
     await DeleteAsync(BaseService.SelectedItem.Id);
     var deletedEntityIndex = BaseService.ListDataSource.FindIndex(x =>
         x.GetEntityId() == BaseService.SelectedItem.GetEntityId());

     await GetListDataSourceAsync();
     BaseService.HasChanged();

     if (BaseService.ListDataSource.Count > 0)
         BaseService.SelectedItem = BaseService.ListDataSource.
                                    SetSelectedItem(deletedEntityIndex);

 }, L["DeleteConfirmMessageTitle"]);

}

public async Task ConfirmMessage(string message, Action action, string title = null)
{
    var confirmed = await MessageService.Confirm(message, title);

    if (confirmed)
        action();
}

Can you please check? Where is the problem? Why is the icon not visible? I can't find the problem?

[hursoft]

UiMessageAlert.cs

using System;
using System.Text;
using System.Threading.Tasks;
using Blazorise;
using Microsoft.AspNetCore.Components;
using Volo.Abp.AspNetCore.Components.Messages;
using Volo.Abp.BlazoriseUI;

namespace HursoftGuvenlik.OnMuhasebe.Blazor.Components.Pages.Abp;

public partial class UiMessageAlert : ComponentBase, IDisposable
{
protected Modal ModalRef { get; set; } = default!;

protected virtual bool IsConfirmation
    => MessageType == UiMessageType.Confirmation;

protected virtual bool CenterMessage
   => Options?.CenterMessage ?? true;

protected virtual bool ShowMessageIcon
   => Options?.ShowMessageIcon ?? true;

protected virtual bool IsMessageHtmlMarkup
    => Options?.IsMessageHtmlMarkup ?? false;

protected virtual object? MessageIcon => Options?.MessageIcon ?? MessageType switch
{
    UiMessageType.Info => IconName.Info,
    UiMessageType.Success => IconName.Check,
    UiMessageType.Warning => IconName.Exclamation,
    UiMessageType.Error => IconName.Times,
    UiMessageType.Confirmation => IconName.QuestionCircle,
    _ => null,
};

protected virtual string? MessageIconColor => MessageType switch
{
    // gets the color in the order of importance: Blazorise > Bootstrap > fallback color
    UiMessageType.Info => "var(--b-theme-info, var(--info, #17a2b8))",
    UiMessageType.Success => "var(--b-theme-success, var(--success, #28a745))",
    UiMessageType.Warning => "var(--b-theme-warning, var(--warning, #ffc107))",
    UiMessageType.Error => "var(--b-theme-danger, var(--danger, #dc3545))",
    UiMessageType.Confirmation => "var(--b-theme-secondary, var(--secondary, #6c757d))",
    _ => null,
};

protected virtual string MessageIconStyle
{
    get
    {
        var sb = new StringBuilder();

        sb.Append($"color:{MessageIconColor}");

        return sb.ToString();
    }
}

protected virtual string OkButtonText
    => Options?.OkButtonText ?? "OK";

protected virtual string ConfirmButtonText
    => Options?.ConfirmButtonText ?? "Confirm";

protected virtual string CancelButtonText
    => Options?.CancelButtonText ?? "Cancel";

[Parameter] public UiMessageType MessageType { get; set; }

[Parameter] public string? Title { get; set; }

[Parameter] public string Message { get; set; } = default!;

[Parameter] public TaskCompletionSource<bool>? Callback { get; set; }

[Parameter] public UiMessageOptions? Options { get; set; }

[Parameter] public EventCallback Okayed { get; set; }

[Parameter] public EventCallback Confirmed { get; set; }

[Parameter] public EventCallback Canceled { get; set; }

[Inject] protected BlazoriseUiMessageService? UiMessageService { get; set; }

protected override void OnInitialized()
{
    base.OnInitialized();

    if (UiMessageService != null)
    {
        UiMessageService.MessageReceived += OnMessageReceived;
    }
}

private async void OnMessageReceived(object? sender, UiMessageEventArgs e)
{
    MessageType = e.MessageType;
    Message = e.Message;
    Title = e.Title;
    Options = e.Options;
    Callback = e.Callback;

    await ShowMessageAlert();
}

protected virtual async Task ShowMessageAlert()
{
    await InvokeAsync(ModalRef.Show);
}

public void Dispose()
{
    if (UiMessageService != null)
    {
        UiMessageService.MessageReceived -= OnMessageReceived;
    }
}

protected async Task OnOkClicked()
{
    await InvokeAsync(async () =>
    {
        await Okayed.InvokeAsync(null);

        await ModalRef.Hide();
    });
}

protected async Task OnConfirmClicked()
{
    await InvokeAsync(async () =>
    {
        await ModalRef.Hide();

        if (IsConfirmation && Callback != null)
        {
            await InvokeAsync(() => Callback.SetResult(true));
        }

        await Confirmed.InvokeAsync(null);
    });
}

protected async Task OnCancelClicked()
{
    await InvokeAsync(async () =>
    {
        await ModalRef.Hide();

        if (IsConfirmation && Callback != null)
        {
            await InvokeAsync(() => Callback.SetResult(false));
        }

        await Canceled.InvokeAsync(null);
    });
}

protected virtual Task OnModalClosing(ModalClosingEventArgs eventArgs)
{
    eventArgs.Cancel = eventArgs.CloseReason == CloseReason.EscapeClosing
        || eventArgs.CloseReason == CloseReason.FocusLostClosing;

    return Task.CompletedTask;
}

}

UiMessageAlert razor

<Modal @ref="@ModalRef" Closing="@OnModalClosing">

@if (!Title.IsNullOrEmpty())
{


@title


}

@if (ShowMessageIcon)
{



}

@if (!IsMessageHtmlMarkup)
{
@message
}
else
{
@((MarkupString)Message)
}



@if (IsConfirmation)
{

@if (Options?.CancelButtonIcon != null)
{

}
@CancelButtonText


@if (Options?.ConfirmButtonIcon != null)
{

}
@ConfirmButtonText

}
else
{

@if (Options?.OkButtonIcon != null)
{

}
@OkButtonText

}

I wrote and called like this, but the icon is still not visible?

[hursoft]

I solved the problem guys.

OnMuhasebeBlazorModule

private void ConfigureBundles()
{
    Configure<AbpBundlingOptions>(options =>
    {
        // MVC UI
        options.StyleBundles.Configure(
            BasicThemeBundles.Styles.Global,
            bundle =>
            {
                bundle.AddFiles("/global-styles.css");
            }
        );

        //BLAZOR UI
        options.StyleBundles.Configure(
            BlazorBasicThemeBundles.Styles.Global,
            bundle =>
            {


                bundle.AddFiles("/_content/Blazorise.Icons.FontAwesome/v6/css/all.min.css");
                bundle.AddFiles("/_content/DevExpress.Blazor/themes/office-white.css");
                bundle.AddFiles("/_content/DevExpress.Blazor/dx-blazor.bs5.css");
                bundle.AddFiles("/css/office_white/bootstrap.min.css");
                bundle.AddFiles("/css/site.css");
                bundle.AddFiles("/_content/DevExpress.Blazor/dx-blazor.bs5.css");
                bundle.AddFiles("/blazor-global-styles.css");
                bundle.AddFiles("/HursoftGuvenlik.OnMuhasebe.Blazor.styles.css");
                bundle.AddFiles("/_content/HursoftGuvenlik.Blazor.Core/css/component.css");
            }
        );
    });
}

bundle.AddFiles("/_content/Blazorise.Icons.FontAwesome/v6/css/all.min.css"); this code should be added