✏️ Editing: 3769a092a928f9ef13869e3ea9b492e3.php

<?php $__env->startSection("content"); ?>
<div class="card-body">
    <div class="row mb-2">
        <div class="col-sm-4">
            <div class="search-box me-2 mb-2 d-inline-block">
                <div class="position-relative">
                    <input type="text" class="form-control" placeholder="Search...">
                    <i class="bx bx-search search-icon"></i>
                </div>
            </div>
        </div>
        <div class="col-sm-8">
            <div class="text-sm-end">
                <button type="button"
                class="btn btn-success btn-rounded waves-effect waves-light mb-2 me-2"
                data-bs-toggle="modal"
                data-bs-target="#modalContenido" id="guardarContenido" data-add="<?php echo e(__('modal.add_content')); ?>">
                    <i class="mdi mdi-plus me-1"></i>
                    <?php echo e(__("tables.add_content")); ?></button>
            </div>
        </div>
    </div>
    <div class="table-responsive">
        <table class="table align-middle table-nowrap table-check">
            <thead class="table-light">
                <tr>
                    <th style="width: 20px;" class="align-middle">
                        <div class="form-check font-size-16">
                            <input class="form-check-input" type="checkbox" id="checkAll">
                            <label class="form-check-label" for="checkAll"></label>
                        </div>
                    </th>
                    <th class="align-middle">ID</th>
                    <th class="align-middle"><?php echo e(__("tables.content")); ?></th>
                    <th class="align-middle">Idioma</th>
                    <th class="align-middle"><?php echo e(__("tables.see_qr")); ?></th>
                    <th class="align-middle">Vistas</th>
                    <th class="align-middle">Acciones</th>
                </tr>
            </thead>
            <tbody>
                <?php if($responses): ?>
                    <?php $__currentLoopData = $responses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $contenido): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <tr>
                            <td>
                                <div class="form-check font-size-16">
                                    <input class="form-check-input" type="checkbox" id="orderidcheck01">
                                    <label class="form-check-label" for="orderidcheck01"></label>
                                </div>
                            </td>
                            <td class="text-body fw-bold"><?php echo e($helpService->primerasPalabras($contenido?->codigo)); ?></a> </td>
                            <td>
                                <span id="nombre_tabla_<?php echo e($contenido->id); ?>"><?php echo e($helpService->primerasPalabras($contenido?->nombre)); ?></span>
                            </td>
                            <td>
<select id="idioma_select_<?php echo e($contenido->id); ?>" data-id="<?php echo e($contenido->id); ?>" class="form-select select-idioma">
<?php $__currentLoopData = $idiomas; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $idioma): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<option value="<?php echo e($idioma->id); ?>"
<?php if($idioma->getKey() == $contenido?->idioma_id): ?> selected <?php endif; ?>>
<?php echo e($idioma->nombre); ?>

</option>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</select>
                            </td>
                            <td>
                                <button type="button" class="btn btn-link setQr"
                                data-bs-toggle="modal" data-bs-target="#modalContenidoQr"
                                data-qr="<?php echo e(url('storage/'.$contenido?->enlace_qr )); ?>" data-id="<?php echo e($contenido?->id); ?>">
                                <i class="fas fa-qrcode fa-2x"></i>
                            </button>
                            </td>
                            <td>
                                <?php echo e($contenido?->aperturas); ?>

</td>
                            <td>
                                <div class="d-flex align-items-center gap-3">
                                    <button type="button" class="btn btn-link detalles"
                                    data-bs-toggle="modal"
                                    data-bs-target="#detalleModal" data-id="<?php echo e($contenido?->getKey()); ?>"
                                    data-qr="<?php echo e(url('storage/'.$contenido?->enlace_qr )); ?>"
                                    data-toggle="tooltip" title="Detalles">
                                        <i class="fa fa-search fa-lg"></i>
                                    </button>
                                    <a href="<?php echo e(config("app.url") . "/" . $contenido?->codigo); ?>" class="btn btn-link text-info"
                                        data-toggle="tooltip" title="Visualizar contenido" target="_blank">
                                        <i class="fas fa-eye fa-lg"></i>
                                    </a>
                                    <a href="<?php echo e(route("contenidos.charts", $contenido->getKey())); ?>" class="btn btn-link text-info"
                                        data-toggle="tooltip" title="Reportes y estadisticas">
                                        <i class="fas fa-chart-bar fa-lg"></i>
                                    </a>
                                    <button type="button" class="btn btn-link text-success btn-edit"
                                    data-bs-toggle="modal" data-bs-target="#modalContenido"
                                    data-id="<?php echo e($contenido?->getKey()); ?>" data-edit="<?php echo e(__('modal.edit_content')); ?>"
                                    data-toggle="tooltip" title="Editar">
                                        <i class="fa fa-pencil-alt fa-lg"></i>
                                    </button>
                                    <button data-id="<?php echo e($contenido->getKey()); ?>" class="btn btn-link text-info btn-botones"
                                        data-toggle="tooltip" title="Botones">
                                        <i class="fas fa-hand-pointer fa-lg"></i>
                                    </button>
                                    <button type="button" class="btn btn-link text-danger btn-borrar"
                                    data-id="<?php echo e($contenido->getKey()); ?>" data-toggle="tooltip" title="Borrar">
                                        <i class="fa fa-trash-alt fa-lg"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php endif; ?>
            </tbody>
        </table>
    </div>
    <?php echo $__env->make('pages.modals.contenidos-modals', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

<div class="d-flex justify-content-end">
        <?php if($responses): ?>
            <?php echo $responses->links(); ?>

<?php endif; ?>
    </div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection("scripts"); ?>
<script>

$(document).on("change", "#enlace_titulo", function () {
    const current_val = $(this).find(":selected").val();
    if (current_val === 'Otro...') {
        $("#titulo_especifico_enlace").removeClass("d-none");
    } else {
        $("#titulo_especifico_enlace").addClass("d-none");
    }
});

$(document).on("change", "#archivo_titulo", function () {
    const current_val = $(this).find(":selected").val();
    if (current_val === 'Otro...') {
        $("#titulo_especifico_archivo").removeClass("d-none");
    } else {
        $("#titulo_especifico_archivo").addClass("d-none");
    }
});

$(document).on("change", "#contacto_titulo", function () {
    const current_val = $(this).find(":selected").val();
    if (current_val === 'Otro...') {
        $("#titulo_especifico_contacto").removeClass("d-none");
    } else {
        $("#titulo_especifico_contacto").addClass("d-none");
    }
});

$(document).on("change", "#propiedad_titulo", function () {
    const current_val = $(this).find(":selected").val();
    if (current_val === 'Otro...') {
        $("#titulo_especifico_propiedad").removeClass("d-none");
    } else {
        $("#titulo_especifico_propiedad").addClass("d-none");
    }
});

function resetFormValues() {
    $("#tipo").prop("disabled", false);
    $("#padre_id").val(0);
    $('#propiedad_id').val("");
    $('#tipo_qr_id').val("");
    $('#nombre').val("");
    $('#descripcion').val("");
    $('#idioma').val("<?php echo $idiomaPrincipal->id ?? ''; ?>").trigger("change");
    $('#codigoPais').val("+52");
    $('#telefono').val("");
    $('#enlace').val("");
    $('#video_url').val("");

$('#estado_boton_wp').val(0);
    $('#enlace_titulo').val("").trigger("change");
    $('#archivo_titulo').val("").trigger("change");
    $('#contacto_titulo').val("").trigger("change");
    $('#propiedad_titulo').val("").trigger("change");

$('#titulo_especifico_enlace').val("");
    $('#titulo_especifico_archivo').val("");
    $('#titulo_especifico_contacto').val("");
    $('#titulo_especifico_propiedad').val("");
    CKEditor.setData("");
}

//CKEDITOR
var CKEditor;

ClassicEditor.create(document.querySelector("#descripcion")).then(function(e) {
    CKEditor = e;
    e.ui.view.editable.element.style.height = "200px"
}).catch(function(e) {
    console.error(e)
});

//Croppie
var handleCrop = [null, null, null];

function verificarSelect() {
    const found = $('#tipo').find(":selected").text().indexOf("Video");

if (found === -1) {
        $("#NoRequiereImagenes").removeClass("d-none");
        $("#RequiereVideo").addClass("d-none");
    } else {
        $("#NoRequiereImagenes").addClass("d-none");
        $("#RequiereVideo").removeClass("d-none");
    }
}

function borrarBoton(id) {
    if (confirm("¿Seguro desea Eliminar este botón?")) {
        $.ajax({
            url: '/boton/'+id,
            type: 'DELETE',
            success: function(res) {
                const idioma_id = $("#storeBtn_idiomaId").val();
                const id = $("#storeBtn_contenidoId").val();

pintarRegistrosBotones(id, idioma_id);
            },
            error: function (xhr) { }
        });
    }
}

function guardarBoton(id) {
    $("#btnMessageErrors").empty();

$.ajax({
        url: '<?php echo e(route("boton.store")); ?>',
        type: 'POST',
        data: new FormData(document.getElementById("formStoreButton" + id)),
        processData: false,
        contentType: false,
        success: function(res) {

},
        error: function (xhr) {
            const data = xhr.responseJSON.errors;
            for (const [index, item] of Object.entries(data)) {
                $("#btnMessageErrors").append("<span class='d-block text-danger'>"+item[0]+"</span>");
            }
        }
    });
}

function pintarRegistrosBotones(id, idioma_id) {

$.ajax({
    url: `<?php echo e(route("boton.index")); ?>?id=${id}&idioma_id=${idioma_id}`,
    type: 'GET',
    success: function(res) {
        $('#listar_botones').empty();

for (let [index, item] of Object.entries(res)) {
            const html = `<tr>
                <td>
                    <form id="formStoreButton${item.id}" enctype="multipart/form-data">
                    <div class="row">
                        <div class="col-12 col-sm-4">
                            <input type="text" class="form-control" id="storeBtn${item.id}_nombre" name="nombre" value="${item.nombre}">
                            <input type="hidden" class="form-control" name="id" value="${item.id}">
                        </div>
                        <div class="col-12 col-sm-3">
                            <input type="file" class="form-control" id="storeBtn${item.id}_url" name="url">
                        </div>
                        <div class="col-12 col-sm-3">
                            <select class="form-control form-control-sm select2" id="storeBtn${item.id}_color" name="color">
                                <option value="bg-primary" data-html='<div class="bg-primary select2Circle"></div>'></option>
                                <option value="bg-success" data-html='<div class="bg-success select2Circle"></div>'></option>
                                <option value="bg-warning" data-html='<div class="bg-warning select2Circle"></div>'></option>
                                <option value="bg-danger" data-html='<div class="bg-danger select2Circle"></div>'></option>
                            </select>
                            <select class="form-control form-control-sm select2" id="storeBtn${item.id}_icono" name="icono">
                                <option value="fa fa-info" data-html='<i class="fa fa-info"></i>'></option>
                                <option value="fa fa-download" data-html='<i class="fa fa-download"></i>'></option>
                                <option value="fa fa-eye" data-html='<i class="fa fa-eye"></i>'></option>
                                <option value="fa fa-upload" data-html='<i class="fa fa-upload"></i>'></option>
                                <option value="fa fa-link" data-html='<i class="fa fa-link"></i>'></option>
                            </select>
                        </div>
                        <div class="col-12 col-sm-2">
                            <button type="button" onclick="guardarBoton(${item.id})" class="btn btn-sm btn-info"
                            data-toggle="tooltip" title="Guardar botón">
                            <i class="fa fa-save"></i></button>
                            <button type="button" onclick="borrarBoton(${item.id})" class="btn btn-sm btn-danger"
                            data-toggle="tooltip" title="Eliminar botón">
                            <i class="fa fa-trash"></i></button>
                        </div>
                    </div>
                    </form>
                </td>
            </tr>`;

$('#listar_botones').append(html);

$("#storeBtn" + item.id + "_color").val(item.color).trigger("change");
            $("#storeBtn" + item.id + "_icono").val(item.icono).trigger("change");
        }

$('[data-toggle="tooltip"]').tooltip();

reloadSelect2Botones();
        $("#modalBotones").modal("show");
    }
});
}

$(document).ready(function () {
    $('[data-toggle="tooltip"]').tooltip();

reloadSelect2Botones();

$(document).on('change', '#tipo', () => (verificarSelect()));

$('.croppieImage').each(function(index, element) {
        var handleCroppie = $(element);

var ID = (index === 0 ? '': (index + 1));

var handleInputImage = $("#image" + ID);

handleInputImage.on('change', function () {
            var reader = new FileReader();

reader.onload = function (e) {

if (handleCrop[index] === null) {
                    handleCrop[index] = handleCroppie.croppie({
                        enableExif: true,
                        viewport: {
                            width: 500,
                            height: 500,
                            type: 'square'
                        },
                        boundary: {
                            width: 600,
                            height: 600
                        }
                    });
                }

handleCrop[index].croppie('bind', {
                    url: e.target.result
                }).then(function () {
                    console.log('jQuery bind complete');
                });
            }

reader.readAsDataURL(this.files[0]);
        });
    });

$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('input[name="_token"]').val(),
            dataType: 'json',
        }
    });

$(document).on('click', '#contQrCompartir', function() {
        var pdf = $("#contQrCompartir").attr("data-value");
        window.open("https://api.whatsapp.com/send?text=Hola este es un link para descargar: " + pdf);
    });

$('.setQr').on('click', function(){
        const contenido_id = $(this).data('id');
        const idioma_id = $("#idioma_select_" + contenido_id).val();

$.get(`/contenidos/show/${contenido_id}/${idioma_id}`, function(data) {
            $("#contQrProp").val(data.propiedad.nombre);
            $("#contQr").val(data.nombre);
            $("#contQrLink").text(data.enlace_contenido);
            $("#contQrLink").attr("href", data.enlace_contenido);
            $("#contQrImagen").attr("src", data.enlace_imagen_qr);

$("#contQrDescargar").attr("href", data.enlace_pdf);
            $("#contQrDescargar").attr("download", data.slug + ".pdf");

$("#contQrCompartir").attr("data-value", data.enlace_pdf);
        })
        .fail(function(xhr, status, error) {
            console.error('Error en la solicitud:', error);
        });
    });

$(document).on('change', '.select-idioma', function(handle){
        const id = $(this).data('id');
        const idioma_id = $('#idioma_select_' + id).val();

$.get(`/contenidos/show/${id}/${idioma_id}`, function(data) {
            $('#nombre_tabla_' + id).text(data.nombreCortado);
        });
    });

$('.detalles').on('click', function(){
        var id = $(this).data('id');
        var qr = $(this).data('qr');
        const idioma_id = $("#idioma_select_" + id).val();

$.get(`/contenidos/show/${id}/${idioma_id}`, function(data) {
            $('#detalleDescripcion').html(data.descripcion);
            $('#detalleNombre').html(data.nombre);
            $('#detalleCreada').html(data.created_at);
            $('#detalleTipo').html(data.parametro_general.nombre);
            //$('#detalleImageQr').html('<img src="'+ qr +'" alt="">');
            //$('#idioma').html(data.idioma_id);
        })
        .fail(function(xhr, status, error) {
            console.error('Error en la solicitud:', error);
        });
    });

$('.btn-edit').on('click', function () {
        resetFormValues();
        verificarSelect();

//
        var id = $(this).data('id');
        const idioma_id = $("#idioma_select_" + id).val();

$('#modalTitle').text($(this).data('edit'));
        $('#id').val(id);

$.get(`/contenidos/show/${id}/${idioma_id}`, function(data) {
            CKEditor.setData(data.descripcion);
            $('#nombre').val(data.nombre);

$("#idioma").prop("disabled", true);
            $('#idioma').val(idioma_id);

//
            $('#id').val(data.id);
            $('#padre_id').val(data.padre_id);

$('#tipo').val(data.tipo_qr_id).trigger('change');

$('#codigoPais').val(data.codigoPais);
            $('#telefono').val(data.telefono);
            $('#enlace').val(data.enlace);
            $('#video_url').val(data.video_url);

$('#estado_boton_wp').val(data.estado_boton_wp).trigger("change");

$('#enlace_titulo').val(data.enlace_titulo).trigger("change");
            $('#archivo_titulo').val(data.archivo_titulo).trigger("change");
            $('#contacto_titulo').val(data.contacto_titulo).trigger("change");
            $('#propiedad_titulo').val(data.propiedad_titulo).trigger("change");

$('#titulo_especifico_enlace').val(data.titulo_especifico_enlace);
            $('#titulo_especifico_archivo').val(data.titulo_especifico_archivo);
            $('#titulo_especifico_contacto').val(data.titulo_especifico_contacto);
            $('#titulo_especifico_propiedad').val(data.titulo_especifico_propiedad);
        })
        .fail(function(xhr, status, error) {
            console.error('Error en la solicitud:', error);
        });
    });

$(document).on('click', '#guardarContenido', function() {
        resetFormValues();
        verificarSelect();

$('#modalTitle').text($(this).data('add'));
    });

$(document).on('submit', '#contenidoForm', async function(event){
        event.preventDefault();

let formData = new FormData();

formData.append('propiedad_id', $('#propiedad').val());
        formData.append('tipo_qr_id', $('#tipo').val());
        formData.append('nombre', $('#nombre').val());
        formData.append('descripcion', $('#descripcion').val());
        formData.append('idioma_id', $('#idioma').val());
        formData.append('padre_id', $('#padre_id').val());
        formData.append('codigoPais', $('#codigoPais').val());
        formData.append('telefono', $('#telefono').val());
        formData.append('enlace', $('#enlace').val());
        formData.append('video_url', $('#video_url').val());
        formData.append('enlace_titulo', $('#enlace_titulo').val());
        formData.append('archivo_titulo', $('#archivo_titulo').val());
        formData.append('contacto_titulo', $('#contacto_titulo').val());
        formData.append('propiedad_titulo', $('#propiedad_titulo').val());
        formData.append('estado_boton_wp', $('#estado_boton_wp').val());

formData.append('titulo_especifico_enlace', $('#titulo_especifico_enlace').val());
        formData.append('titulo_especifico_archivo', $('#titulo_especifico_archivo').val());
        formData.append('titulo_especifico_contacto', $('#titulo_especifico_contacto').val());
        formData.append('titulo_especifico_propiedad', $('#titulo_especifico_propiedad').val());

let fileInput = $('#file')[0];
        if (fileInput.files.length > 0) {
            formData.append('file', fileInput.files[0]);
        }

const promises = [];
        $('.croppieImage').each(function(index, element) {
            var handleCroppie = $(element);

var ID = (index === 0 ? '': (index + 1));

if (handleCrop[index] !== null) {
                var promise = handleCrop[index].croppie('result', {
                    type: 'blob',
                    size: 'viewport'
                }).then(function (blob) {
                    formData.append('image' + ID, blob);
                });

promises.push(promise);
            }
        });
        await Promise.all(promises);

$('.btn-borrar').on('click', function () {
        var id = $(this).data('id');

var confirmar = confirm('¿Estás seguro de que deseas eliminar este contenido?');

if (confirmar) {
            $.ajax({
                url: `/contenidos/${id}`,
                type: 'DELETE',
                success: function(response) {
                    location.reload();
                },
                error: function(xhr, status, error) {
                    console.error(error);
                }
            });
        }
    });

$(document).on("click", ".btn-botones", function (el) {
        const id = $(this).data("id");
        const idioma_id = $("#idioma_select_" + id).val();

$("#storeBtn_idiomaId").val(idioma_id);
        $("#storeBtn_contenidoId").val(id);

pintarRegistrosBotones(id, idioma_id);
    });

$(document).on("submit", "#formStoreButton", function(event){
        event.preventDefault();
        event.stopPropagation();
        $("#btnMessageErrors").empty();

$.ajax({
            url: '<?php echo e(route("boton.store")); ?>',
            type: 'POST',
            data: new FormData(document.getElementById("formStoreButton")),
            processData: false,
            contentType: false,
            success: function(res) {

const idioma_id = $("#storeBtn_idiomaId").val();
                const id = $("#storeBtn_contenidoId").val();

pintarRegistrosBotones(id, idioma_id);
            },
            error: function (xhr) {
                const data = xhr.responseJSON.errors;
                for (const [index, item] of Object.entries(data)) {
                    $("#btnMessageErrors").append("<span class='d-block text-danger'>"+item[0]+"</span>");
                }
            }
        });
    });
});
</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make("layouts.app", \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/u508037495/domains/prop.asismarker.com/resources/views/pages/contenidos/show.blade.php ENDPATH**/ ?>

Ubuntu

Sid Gifari From Gifari Industries - BD Cyber Security Team



Ubuntu

Sid Gifari From Gifari Industries - BD Cyber Security Team