Commit 65562ee0 authored by Alfonso Rafael Solis Rangel's avatar Alfonso Rafael Solis Rangel
Browse files

Mensajes de alerta antes de eliminar los registros

parent 4f4f3a8f
Loading
Loading
Loading
Loading
+29 −2
Original line number Diff line number Diff line
@@ -120,6 +120,20 @@
    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
    <script src="/assets/js/highlight.min.js"></script>

    <script>
        function showAlert() {
            return Swal.fire({
                icon: 'warning',
                title: '¿Estás seguro?',
                text: "¡No podrás revertir esto!",
                showCancelButton: true,
                confirmButtonText: 'Eliminar',
                cancelButtonText: 'Cancelar',
                padding: '2em',
            });
        }
    </script>

    <script>
        const cargos = @json($cargo);
        const data = cargos.map(car => [car.id, car.nombre, renderActions(car.id, car.nombre)]);
@@ -132,10 +146,10 @@
        function renderActions(id, nombre) {
            return `
                <div class="flex space-x-2">
                    <form action="{{ route('catalogos.cargos.destroy', '') }}/${id}" method="POST" class="inline-block">
                    <form action="{{ route('catalogos.cargos.destroy', '') }}/${id}" method="POST" class="inline-block delete-form">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm">Eliminar</button>
                        <button type="button" class="btn btn-danger btn-sm btn-eliminar">Eliminar</button>
                    </form>
                    <button class="btn btn-primary btn-sm" onclick="editItem(${id}, '${nombre}')">Editar</button>
                </div>`;
@@ -245,6 +259,19 @@ function personalizarPaginacion() {

            datatable.on("datatable.page", () => setTimeout(personalizarPaginacion, 0));

            // Confirmación antes de eliminar
            document.addEventListener('click', function(e) {
                if (e.target.classList.contains('btn-eliminar')) {
                    e.preventDefault();
                    const form = e.target.closest('form');
                    showAlert().then((result) => {
                        if (result.isConfirmed) {
                            form.submit();
                        }
                    });
                }
            });

            window.editItem = editItem;
        });

+30 −3
Original line number Diff line number Diff line
@@ -3,7 +3,7 @@
    <script src="/assets/js/simple-datatables.js"></script>
    <link rel="stylesheet" href="{{ Vite::asset('resources/css/swiper-bundle.min.css') }}">
    <script src="/assets/js/swiper-bundle.min.js"></script>
    <div x-data="dependencias">
    <div x-data="grupos">
        <ul class="flex space-x-2 rtl:space-x-reverse">
            <li>
                <a href="javascript:;" class="text-primary hover:underline">Dashboard</a>
@@ -126,6 +126,20 @@
    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
    <script src="/assets/js/highlight.min.js"></script>

    <script>
        function showAlert() {
            return Swal.fire({
                icon: 'warning',
                title: '¿Estás seguro?',
                text: "¡No podrás revertir esto!",
                showCancelButton: true,
                confirmButtonText: 'Eliminar',
                cancelButtonText: 'Cancelar',
                padding: '2em',
            });
        }
    </script>

    <script>
        const grupos = @json($grupos);
        const data = grupos.map(gru => [gru.id, gru.nombre, renderActions(gru.id, gru.nombre)]);
@@ -138,10 +152,10 @@
        function renderActions(id, nombre) {
            return `
                <div class="flex space-x-2">
                    <form action="{{ route('catalogos.grupos.destroy', '') }}/${id}" method="POST" class="inline-block">
                    <form action="{{ route('catalogos.grupos.destroy', '') }}/${id}" method="POST" class="inline-block delete-form">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm">Eliminar</button>
                        <button type="button" class="btn btn-danger btn-sm btn-eliminar">Eliminar</button>
                    </form>
                    <button class="btn btn-primary btn-sm" onclick="editItem(${id}, '${nombre}')">Editar</button>
                    <a class="btn btn-white btn-sm" href="{{ route('catalogos.grupos.view', '') }}/${id}">Ver contactos</a>
@@ -252,6 +266,19 @@ function personalizarPaginacion() {

            datatable.on("datatable.page", () => setTimeout(personalizarPaginacion, 0));

            // Confirmación antes de eliminar
            document.addEventListener('click', function(e) {
                if (e.target.classList.contains('btn-eliminar')) {
                    e.preventDefault();
                    const form = e.target.closest('form');
                    showAlert().then((result) => {
                        if (result.isConfirmed) {
                            form.submit();
                        }
                    });
                }
            });

            window.editItem = editItem;
        });

+30 −2
Original line number Diff line number Diff line
@@ -113,6 +113,21 @@
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="/assets/css/jquery.toast.css">
    <script src="/assets/js/jquery.toast.js"></script>  


    <script>
        function showAlert() {
            return Swal.fire({
                icon: 'warning',
                title: '¿Estás seguro?',
                text: "¡No podrás revertir esto!",
                showCancelButton: true,
                confirmButtonText: 'Eliminar',
                cancelButtonText: 'Cancelar',
                padding: '2em',
            });
        }
    </script>
<script>
    const profesiones = @json($profesiones);
    const data = profesiones.map(prof => [prof.id, prof.nombre, prof.abreviatura, renderActions(prof.id, prof.nombre, prof.abreviatura)]);
@@ -125,10 +140,10 @@
    function renderActions(id, nombre, abr) {
        return `
            <div class="flex space-x-2">
                <form action="{{ route('catalogos.profesion.destroy', '') }}/${id}" method="POST" class="inline-block">
                <form action="{{ route('catalogos.profesion.destroy', '') }}/${id}" method="POST" class="inline-block delete-form">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-sm">Eliminar</button>
                    <button type="button" class="btn btn-danger btn-sm btn-eliminar">Eliminar</button>
                </form>
                <button class="btn btn-primary btn-sm" onclick="editItem(${id}, '${nombre}', '${abr}')">Editar</button>
            </div>`;
@@ -242,6 +257,19 @@ function personalizarPaginacion() {

        datatable.on("datatable.page", () => setTimeout(personalizarPaginacion, 0));

        // Confirmación antes de eliminar
        document.addEventListener('click', function(e) {
            if (e.target.classList.contains('btn-eliminar')) {
                e.preventDefault();
                const form = e.target.closest('form');
                showAlert().then((result) => {
                    if (result.isConfirmed) {
                        form.submit();
                    }
                });
            }
        });

        window.editItem = editItem;
    });

+41 −2
Original line number Diff line number Diff line
@@ -53,6 +53,20 @@
    <link rel="stylesheet" href="/assets/css/jquery.toast.css">
    <script src="/assets/js/jquery.toast.js"></script>

    <script>
        function showAlert() {
            return Swal.fire({
                icon: 'warning',
                title: '¿Estás seguro?',
                text: "¡No podrás revertir esto!",
                showCancelButton: true,
                confirmButtonText: 'Eliminar',
                cancelButtonText: 'Cancelar',
                padding: '2em',
            });
        }
    </script>

    <script>
        const subgrupos = @json($subgrupos);
        const data = subgrupos.map(subgrupo => [subgrupo.nombre, subgrupo.grupo?.nombre ?? 'Sin información', subgrupo.subgrupo?.nombre ?? 'Sin información', renderActions(subgrupo.id, subgrupo.nombre)]);
@@ -60,10 +74,10 @@
        function renderActions(id, nombre) {
            return `
                <div class="flex space-x-2">
                    <form action="{{ route('catalogos.subgrupos.destroy', '') }}/${id}" method="POST" class="inline-block">
                    <form action="{{ route('catalogos.subgrupos.destroy', '') }}/${id}" method="POST" class="inline-block delete-form">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm">Eliminar</button>
                        <button type="button" class="btn btn-danger btn-sm btn-eliminar">Eliminar</button>
                    </form>
                    <a href="/catalogos/subgrupos/${id}/editar" class="btn btn-primary btn-sm">Editar</a>
                </div>`;
@@ -157,6 +171,19 @@ function personalizarPaginacion() {
            });

            datatable.on("datatable.page", () => setTimeout(personalizarPaginacion, 0));

            // Confirmación antes de eliminar
            document.addEventListener('click', function(e) {
                if (e.target.classList.contains('btn-eliminar')) {
                    e.preventDefault();
                    const form = e.target.closest('form');
                    showAlert().then((result) => {
                        if (result.isConfirmed) {
                            form.submit();
                        }
                    });
                }
            });
        });

        function showToast(message, heading, icon) {
@@ -173,6 +200,18 @@ function showToast(message, heading, icon) {
            });
        }

        function showAlert() {
            return Swal.fire({
                icon: 'warning',
                title: '¿Estás seguro?',
                text: "¡No podrás revertir esto!",
                showCancelButton: true,
                confirmButtonText: 'Eliminar',
                cancelButtonText: 'Cancelar',
                padding: '2em',
            });
        }

        document.addEventListener('DOMContentLoaded', function() {
            @if(session('success'))
            // Muestra el mensaje de éxito utilizando showMessage