Toast نوتفیکیشن در asp.net core

سلام دوستان

در این آموزش قصد داریم کار با توست نوتفیکیشن رو انجام بدیم که خیلی زیبا و شیک هست

اول از همه به ناگت پکیج برین و کتاب خونه زیر رو نصب کنید

 AspNetCoreHero.ToastNotification

بعد از نصب صفحه layout خود را به صورت زیر تغییر دهید

<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
@await Component.InvokeAsync("Notyf")
@await RenderSectionAsync("Scripts", required: false)

سپس کلاس startup خود را به صورت زیر تغییر دهید

public void ConfigureServices(IServiceCollection services)
{
    //...
 
    services.AddNotyf(config => { config.DurationInSeconds = 10; config.IsDismissable = true; config.Position = NotyfPosition.BottomRight; });
}

کانستراکتور کنترل خود را به صورت زیر در بیاورید:

public class HomeController : Controller
{
    private readonly ILogger<HomeController> _logger;
    private readonly INotyfService _notyfService;
 
    public HomeController(INotyfService notyfService, ILogger<HomeController> logger)
    {
        _logger = logger;
        _notyfService = notyfService;
    }   
}

دوباره به سراغ کلاس startup برین و همچین کدی رو اضافه کنید

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    //..
    app.UseNotyf();
 
    app.UseEndpoints(endpoints =>
    {
        endpoints.MapControllerRoute(
            name: "default",
            pattern: "{controller=Home}/{action=Index}/{id?}");
        endpoints.MapRazorPages();
    });
}

به یکی از اکشن های کنترل خود بروید و کد زیر را بنویسید

public IActionResult Index()
{
    _notyfService.Success("You have successfully saved the data.");
    _notyfService.Error("Exception...");
    _notyfService.Warning("Warning...");
    _notyfService.Information("Welcome to FarsLearn.", 5);
    return View();
}

برای ساخت توست نوتفیکیشن های دلخواه از کد زیر استفاده کنید

_notyfService.Custom("Custom Notification...", 10, "#B500FF", "fa fa-home");

پایان.