xXx

Hexid M1n1 5h3ll MobiLe

home/gpuma/www/admin/assets/js/especificos/_[ Writable ]

File:/home/gpuma/www/admin/assets/js/especificos/ambientes.js

/* Operaciones en gestión de ambientes */

/* Quitar permiso de un cliente sobre un ambiente */
$(document).on('click', '.btn-ambiente-quitar-cliente', function(e){    
    e.preventDefault();

    if (!confirm('¿Está seguro?')) {
        return;
    }

    var $btn = $(this);
    var url_segments =  $btn.attr("href").split('/')
    var idambiente = url_segments[url_segments.length-2]
    var idcliente = url_segments[url_segments.length-1]
    
    if (!idambiente || !idcliente) {
        alert('Datos suministrados inválidos')
        return;
    }

    var url = site_url + '/ambientes_ajax';
    var datos = {
        'acc': 'desvincular_ambiente_cliente',
        'idambiente': idambiente,
        'idcliente': idcliente        
    };
    
    ajaxParaCRUD(url, datos)
});

/* Quitar datos relacionados. Usuado en los CRUDs de pantallas de fichas */
$(document).on('click', '.btn-ambiente-quitar-relacionado', function(e){    
    e.preventDefault();

    if (!confirm('¿Está seguro?')) {
        return;
    }

    var $btn = $(this);
    var url_segments =  $btn.attr("href").split('/')
    var idsubsistema = url_segments[url_segments.length-2]
    var identidad = url_segments[url_segments.length-1]
    var entidad = false;

    if ($btn.hasClass('btn-quitar-producto')) {
        entidad = 'productos'
    } else if($btn.hasClass('btn-quitar-obra')) {
        entidad = 'obras'
    } else if($btn.hasClass('btn-quitar-adjunto')) {
        entidad = 'adjuntos'        
    } else if($btn.hasClass('btn-quitar-videos')) {
        entidad = 'videos'        
    }

    if (!idsubsistema || !idsubsistema || !entidad) {
        alert('Datos suministrados inválidos')
        return;
    }

    var url = site_url + '/ambientes_ajax';
    var datos = {
        'acc': 'quitar_entidad_asociada',
        'idsubsistema': idsubsistema,
        'identidad': identidad,
        'entidad': entidad
    };
    
    ajaxParaCRUD(url, datos)
});


$(window).load(function(){
    
    //Editor    
    if ($('#editor-ambientes').length) {

        $form = $('#editor-ambientes form')
        var inicializado = false;
        var decimalesUsados = 2;
        var anchoLienzo = 0;
        var altoLienzo = 0;
        var factorCorreccion = 0;
        var factorCorreccionPorcentaje = 0;        

        function round(value, decimals) {
            return Number(Math.round(value+'e'+decimals)+'e-'+decimals);
        }  
        
        //Proceso general de actualización
        function guardaCambiosEditor($form)
        {        
            var $editor = $('#editor-ambientes')
            var $feedbackBlock = $('.editor-feedback', $editor)
            var $loadingBlock = $('.loading-editor-panel')
            $.ajax({
                type: "POST",
                dataType: "json",
                url: $form.attr('action'),
                data: $form.serialize(), 
                beforeSend: function(){
                    $loadingBlock.removeClass('label-success').html('<i class="fa fa-spin fa-cog"></i> Guardando cambios &hellip;').fadeIn()
                    $feedbackBlock.hide().empty().removeClass('alert-danger alert-success')
                }, 
                success: function(data)
                {   
                    $loadingBlock.hide()
                    if (data.type == "ok"){
                        $loadingBlock.html('<i class="fa fa-check"></i> ' + data.msg).addClass('label-success').fadeIn()
                    } else if(data.type=="error"){
                        $feedbackBlock.text(data.msg).addClass('alert-danger').slideDown()
                    } else {
                        $feedbackBlock.text('Error en la operación: respuiesta incorrecta').addClass('alert-danger').slideDown()
                    }
                },
                error: function(data)
                {
                    console.log('Error', data)
                    $feedbackBlock.text('Error en la operación').addClass('alert-danger').slideDown()                
                }
            });        
        }

        function inicializaEditor()
        {
            var localDebug = false;

            //Calculo las variables generales
            anchoLienzo = $('#editor-ambientes .fondo-editor').width()
            altoLienzo = $('#editor-ambientes .fondo-editor').height()        
        
            //Las coordenadas guardadas deben ser referentes al centro del círculo. Necesito tener en cuenta su ancho, 
            //ya que su posición obtenida es desde su esquina superior izquierda
            factorCorreccion = $('.circle').eq(0).width()/2;
            factorCorreccionPorcentaje = round((factorCorreccion / anchoLienzo) * 100, 2);        

            localDebug && console.log('Inicializando editor. anchoLienzo =', anchoLienzo, ' altoLienzo=', altoLienzo, 'fcorrec.= ', factorCorreccion, ' en %=', factorCorreccionPorcentaje)

            //Coloco los círculos en su posición guardada
            $('.circle').each(function(i, item){
                $el = $(item)            

                localDebug && console.log('top cargado', parseFloat($el.attr('data-top'), 10))

                //Ajusto con el factor de corrección porcentual
                var left = parseFloat($el.attr('data-left'), 10) - factorCorreccionPorcentaje;
                var top = parseFloat($el.attr('data-top'), 10) - factorCorreccionPorcentaje;

                localDebug && console.log('top calculado en %', top)

                //Posiciono en px, siempre más preciso
                left = round((anchoLienzo*left)/100, 2)
                top =  round((altoLienzo*top)/100, 2)

                $el.animate({'top': top + 'px', 'left': left + 'px'})
            })
        }

        //Configuración de draggables
        $( ".circle" )
            .draggable({ containment: "parent" })
            .on( "dragstop", function(event, ui){            
                var lista = $('.circle ').map(function(i, item){
                    var $el = $(item)
                    var p = $el.position()

                    //console.table(p)

                    //Debemos guardar las coordenadas del centro, no de la esquina superior izquierda del punto
                    //Aplicamos el factor de corrección del ancho del punto
                    var left = ((p.left + factorCorreccion) / anchoLienzo) * 100;
                    var top = ((p.top + factorCorreccion) / altoLienzo) * 100;
                    return {
                        id: $el.attr('data-id'),
                        coordinates: round(left, decimalesUsados) + ',' + round(top, decimalesUsados),
                        raw_left: round(p.left, decimalesUsados),
                        raw_top: round(p.top, decimalesUsados)
                    }
                })
                .get();

                //console.table(lista)

                $form.find('#editor-operacion').val('posicion');
                $form.find('#editor-data').val(JSON.stringify(lista));

                guardaCambiosEditor($form)
            })
        ;

        //Sortables
        $("#sortable-list" ).sortable({
            placeholder: "ui-state-highlight",
            update: function( event, ui ) {
                var lista = $('.zona-item').map(function(i, item){
                    return {
                        id: $(item).attr('data-id'),
                        order: i
                    }
                })
                .get();            

                $form.find('#editor-operacion').val('orden');
                $form.find('#editor-data').val(JSON.stringify(lista));          

                guardaCambiosEditor($form)
            }
        });  
        
        $('#toggle-editor').click(function(e){
            e.preventDefault()
                    
            $('#toggle-editor-content').slideToggle('fast', function(){            
                if (!inicializado) {
                    inicializaEditor();
                    inicializado = true;                
                }
            })
        })   
    }    

    // Listado de sistemas asociados
    var $tablaSistemasAsociados = $('#table-listado-sistemas-asociados');
    
    if ($tablaSistemasAsociados.length) {

        //Filas, cacheadas para sucesivas búsquedas
        var $filas = $('.row-sistema', $tablaSistemasAsociados);
        
        //Campo de filtrado rápido
        $(".js-quick-search-sistemas").keyup(function () {
            var filter = $(this).val(), count = 0;
            $filas.each(function () {
                if ($('td', this).eq(1).text().search(new RegExp(filter, "i")) < 0) {
                    $(this).hide();
                } else {
                    $(this).show();            
                }
            });            
        });
    }

}); // window.load

Your Access Expired	Date. in : 14-09-2025
Regist : 09-12-2024	Expired : 01-12-2027