Функция Sweet Alert не срабатывает при вызове скриптом js - PullRequest
Новая
       11

Функция Sweet Alert не срабатывает при вызове скриптом js

0 голосов
/ 30 июня 2019

Я пытался сделать простую проверку, если пользователь не вошел в систему, пытаясь вызвать приятное предупреждающее сообщение, когда это происходит.Эта проверка работает, если клиент пытается добавить новый продукт в свою корзину, но не вошел в систему.

Примечание: переменная сеанса - это фактический сеанс, известный в ядре asp.net и переменная сеансаэто просто атрибут моей viewmodel, который содержит эту переменную Session.

Я работаю с asp.net core 2.2, использую переменную Session, которая содержит класс User, полученный сериализацией с Json, сначала я попробовалчтобы вызвать атрибут сеанса моей модели представления в моем представлении, но безуспешно, из того, что я прочитал, я должен добавить IHttpContextAccessor в представление, чтобы получить переменную сеанса и использовать ее, но потому что яиспользуя сериализацию с Json, я не смог добраться до метода GetObjectFromJson в представлении, поэтому я сдался и попытался использовать ViewData ["Session"] для передачи ему идентификатора класса User, установив его в 0, еслиПеременная сеанса пуста.Это сработало, и мне удалось проверить, что переменная сеанса в представлении, более конкретно в функции js, была 0, но в любом случае сообщение Sweet Allert не сработало. 


// THIS IS MY ACTION METHOD IN THE CONTROLLER

        [Route("filtrar")]
        [HttpGet]
        public ActionResult Filter(String search)
        {
            HomeFilterViewModel homeFilterViewModel = new HomeFilterViewModel
            {
                tiposDeMaterialDiscografico = _tipoMaterialDiscografico.GetAll(),
                generos = _genero.GetAll(),
                sesion = HttpContext.Session.GetObjectFromJson<Usuario>("Usuario"),

                materialDiscograficos = _materialDiscografico.Search(search).Union(_materialDiscografico.PorArtista(search)).OrderBy(m => m.Nombre)
            };

            if (homeFilterViewModel.sesion != null && homeFilterViewModel.sesion.TipoUsuario.IdTipoUsuario == 2)
            {
                return RedirectToAction("Dashboard", "Admin");
            }

            return View(homeFilterViewModel);
        }


<!-- THIS IS MY VIEW WITH THE JS REFERENCES AND FUNCTIONS AT THE END -->

@model HomeFilterViewModel

@{
    ViewBag.Title = "Material Discográfico";
}

@section Filter {
    <link href="~/css/Filter.css" rel="stylesheet" />
}

<div class="container" style="margin-top: 22px;">
    <div class="row">
        @foreach (var material in Model.materialDiscograficos)
        {
            <div class="col-4" style="min-width: 100px; max-width: 35%">
                <div class="card img-responsive" id="thumb" data-toggle="modal" data-target="#@material.Nombre.Replace(" ", "")">
                    <button class="btn btn-light">
                        @if (material.ImagenPortada == null)
                        {
                            <img class="img-fluid" src="~/images/portadas/default.png" asp-append-version="true" style="padding: 13px;">
                        }
                        else
                        {
                            <img class="img-fluid" src="~/images/portadas/@material.ImagenPortada" asp-append-version="true" style="padding: 13px;">
                        }
                    </button>
                </div>
            </div>

            <div class="modal fade" id="@material.Nombre.Replace(" ", "")" role="dialog">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header text-center">
                            <h4 class="modal-title w-100">@material.Nombre</h4>
                        </div>
                        <div class="modal-body">
                            <h5><strong>Detalles:</strong></h5>
                            <br />
                            <div class="row">
                                <div class="col-lg-5">
                                    <p class="text-center">Autor: @material.Autor.NombreAutor</p>
                                    <p class="text-center">Género: @material.Genero.DescripcionGenero</p>
                                    <p class="text-center">Tipo: @material.TipoMaterialDiscografico.DescripcionTipoMaterialDiscografico</p>
                                    <p class="text-center">Duración Total (segundos): @material.DuracionTotalSegundos</p>
                                    <p class="text-center">Precio: @material.Precio</p>
                                    <p class="text-center">Stock: @material.Stock</p>
                                </div>
                                <br />
                                <div class="col-lg-5 col-centered" style="min-width: 100px; max-width: 35%">
                                    <div class="card img-responsive" id="thumb">
                                        @if (material.ImagenPortada == null)
                                        {
                                            <img class="img-fluid" src="~/images/portadas/default.png" asp-append-version="true" style="padding: 13px;">
                                        }
                                        else
                                        {
                                            <img class="img-fluid" src="~/images/portadas/@material.ImagenPortada" asp-append-version="true" style="padding: 13px;">
                                        }
                                    </div>
                                </div>
                            </div>
                            <h5><strong>Canciones:</strong></h5>
                            <br />
                            <div style="margin: 0 5% 0 5%">
                                @{
                                    if (material.Canciones != null)
                                    {
                                        <div class="row">
                                            <div class="col box"><br /><p class="text-center"><strong>Nombre</strong></p></div>
                                            <div class="col box"><br /><p class="text-center"><strong>Duración (segundos)</strong></p></div>
                                        </div>

                                        @foreach (var cancion in material.Canciones)
                                        {
                                            <div class="row">
                                                <div class="col box">
                                                    <br /><p class="text-center">@cancion.NombreCancion</p>
                                                </div>
                                                <div class="col box">
                                                    <br /><p class="text-center">@cancion.DuracionSegundos</p>
                                                </div>
                                            </div>
                                        }
                                    }
                                }
                            </div>
                            <br />
                        </div>
                        <form asp-controller="Cliente" asp-action="AgregarAlCarrito" method="get">
                            <div class="modal-footer">

                                <div style="float: left;"><button type="button" class="btn btn-outline-danger" data-dismiss="modal">Cerrar</button></div>
                                <div style="float: none;">
                                    <label>Cantidad:</label>
                                    <input type="number" name="cantidad" min="1" max="@material.Stock" />
                                    <input hidden type="text" name="idMaterial" value="@material.IdMaterialDiscografico" />
                                </div>
                                <div style="float: right;"><input type="submit" class="btn btn-outline-success" onclick="validateData();" value="Agregar al carrito" /></div>

                            </div>
                        </form>
                    </div>
                </div>
            </div>


        }

    </div>
</div>

@section SweetAlert2 {
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
    <script src="sweetalert2/dist/sweetalert2.all.min.js"></script>
    <!-- Include a polyfill for ES6 Promises (optional) for IE11 -->
    <script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.js"></script>

    <script type="text/javascript">
    function validateData() {

        let sesion = @ViewData["Sesion"];

            if (sesion == 0) {
                Swal.fire({
                    type: 'error',
                    title: 'Oops...',
                    text: '¡Usted no ha iniciado sesión!',
                    footer: '<a asp-controller="Home" asp-action="Login">Iniciar sesión</a>'
                })

            }
    </script>
}



// THIS IS THE ACTION METHOD THAT THE FORM REDIRECTS TO

[HttpGet]
        public ActionResult AgregarAlCarrito(int idMaterial, int cantidad)
        {

            Usuario usuario = HttpContext.Session.GetObjectFromJson<Usuario>("Usuario");

            if(usuario == null || usuario.IdUsuario == 4 || usuario.IdUsuario == 1)
            {
                return RedirectToAction("Index", "Home");
            }

            CarritoCompras carrito = _carritoCompras.Get(usuario.CarritoCompras.IdCarritoCompras);
            MaterialDiscografico material = _materialDiscografico.Get(idMaterial);

            LineaDeVenta lineaDeVenta = new LineaDeVenta
            {
                Cantidad = cantidad,
                MaterialDiscografico = material,
                CarritoCompras = carrito
            };

            lineaDeVenta.TotalLinea = _lineaDeVenta.CalcularTotalLinea(lineaDeVenta.Cantidad, lineaDeVenta.MaterialDiscografico.Precio);
            lineaDeVenta.CarritoCompras.LineasDeVenta.Add(lineaDeVenta);
            _carritoCompras.Update(carrito);

            return RedirectToAction("ShoppingCart");
        }




// THIS IS MY VIEWMODEL

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Entities;

namespace UI.ViewModels
{
    public class HomeFilterViewModel : ViewModelBase
    {
        public IEnumerable<MaterialDiscografico> materialDiscograficos { get; set; }
    }
}

Я не получаю никаких сообщений об ошибках, они просто не вызывают сообщение Sweet Alert, я перечитал документацию о том, как добавить библиотеку Sweet Alert, и я не уверен, правильно ли я ее добавил или моиФункция javascript работает хорошо.

1 Ответ

1 голос
/ 01 июля 2019

Вы всегда можете нажать F12, чтобы открыть DevTools и проверить вкладку консоли в вашем браузере на наличие ошибки. И вы обнаружите, что пропускаете } в конце кода js. 

function validateData() {

    let sesion = @ViewData["Session"];

    if (sesion == 0) {
        Swal.fire({
            type: 'error',
            title: 'Oops...',
            text: '¡Usted no ha iniciado sesión!',
            footer: '<a asp-controller="Home" asp-action="Login">Iniciar sesión</a>'
        })

    }
}
...