Seleccionar página
Ocultar el spin en input numeric – HTML5

Ocultar el spin en input numeric – HTML5

Muchas veces el spin sobre los campos numéricos en HTML resultan poco cómodos. Primero porque el spin quita un espacio importante que al trabajar con muchos se complica la distribución del formulario. Y por otro lado, la ruedita del mouse sobre el campo modifica el valor ingresado resultando por momentos algo peligroso.

La idea es poder sacar el spin y que el scroll no funcione sobre el campo, pero que mantenga la validación de solo tipear números sobre el mismo.

La tarea es sencilla , solo hay que sacar el spin con CSS con el siguiente style:

/* saco las flechistas de los campos numericos*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

Y para poder evitar que la ruedita del mouse cambie los valores del campo, hemos de agregar la siguiente instrucción jQuery .

$(function(){
    // Anulo el scrol sobre lso numericos
    $(':input[type=number]').on('mousewheel',
        function(e){ 
            $(this).blur(); 
    });
});

Con esto concluyo, testeado y funcionando.

Ionic4 – Pantalla blanca después del Splashscreen (SOLUCIÓN)

Ionic4 – Pantalla blanca después del Splashscreen (SOLUCIÓN)

Si te estás incursionando en el nuevo Ionic CLI 4 te vas a encontrar que al querer hacerlo funcionar sobre un dispositivo o emulador con versiones de android anteriores a la 7.1.1, te va a motrar el splash y luego una pantalla en blanco, la cual no tiene ningún mensaje en la consola del Debug.

Vamos paso a paso :

1 – actualizas tus versiones de android y cordova correspondientes.

# npm install -g ionic@lastest
# npm install -g cordova@8.1.2 

2 – Inicias un nuevo proyecto con algún starter.

# ionic start proeycto sidemenu --type=angular

3 – Entras al proyecto e instalas Android y lo pruebas en el simulador o el dispositivo.

# ionic cordova run android

El resultado es ver primero el Splashscreen y luego queda trabado en una pantala en blanco sin que se vea algún mensaje cuando ejecutas con -lc

Pantalla con Splashscreen
Pantalla en blanco

Buscando como loco ya que había leído en algunos lados que el mismo no se podía usar con viejas versiones, y teniendo en cuenta que hoy en la Argentina no abundan los dispositivos con Android 7.1 o superiores, Decidí salir a buscar la solución llegando a un archivo llamado polyfills.ts el cual tiene comentado unas librerías que hacen falta para que funcione.

Polyfills básicamente es un archivo de angular que hace que tu aplicativo pueda ser compatible con varios browsers, con lo que terminé descomentando las siguientes líneas, obteniendo como resultado el funcionamiento del starter en cuestión.

Resultado:

Agregar ceros adelante en Bash Linux

Agregar ceros adelante en Bash Linux

Me preguntaron como se podría hacer en Linux para que un archivo con registros separados con puntos y comas tengan el mismo tamaño en sus campos, agregando ceros adelante en los que eran numéricos.

Es así que por mi afán de demostrar que programo hace tiempo y que todo puede resolverse, me propuse a hacer un script rápido para resolver la situación.

Con esta idea hice el siguiente código el cual le agrego ceros adelante al segundo y tercer campo de cada registro según los datos obtenidos de un archivo con un formato similar a DATOS; 123; 456 .

    #!/bin/bash

    var="$(cat $1)"
    var1="-"

    while IFS='\n' read -ra ADDR; do
            for i in "${ADDR[@]}"; do
                    var1=""
                    while IFS=';' read -ra ADDR1; do
                            for j in "${ADDR1[@]}"; do
                                    var1="$( printf '%s%020d;' $var1 $j )"
                            done
                    done <<< "$i"
                    echo $var1
            done
    done <<< "$var"

Esta claro que al resolver el problema el que me solicita ayuda quedó mas que impresionado y feliz, pero…. como dije antes, con el afán de demostar habilidades en la codificación, un verdadero linuxero me iluminó con el siguiente comando:

awk -F ';' '{ printf("%s;%010d;%010d\n", $1, $2, $3) }' archivo.txt > resultado.txt

Conslusión ?. se las dejo a su consideración . jeje.

Sumarizar campos de un GridView Yii2

Sumarizar campos de un GridView Yii2

Hoy me preguntaron como resolver que un GridView del framework Yii2 sumerice una columna en particular.

Por suerte la solución es muy simple con lo que les dejo un ejemplo del mismo.

Primero defino una función que puede codificada en el view donde esta el GridView :

<?php
function sumarizaGastocomun($dataProvider){
    $suma = 0;
    foreach ($dataProvider->getModels() as $itm){
        $suma += $itm->gastocomun;
    }
    return $suma;
}
?>

Luego hay que definir en el GridView la opción para que muestre un footer y en la columna que quiero que sume, le indico el uso de la función PHP expresada arriba.

<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'showFooter' => true,
    'columns' => [
        ['class' => 'yii\grid\SerialColumn'],
        [
            'attribute' =>'gastocomun',
            'footerOptions' => [ 'style' => 'color:red'],
            'footer' => sumarizaGastocomun($dataProvider)
        ],
    ],
]);
?>
Espero que les sea de utilidad.
Remover fondo a una fotografía

Remover fondo a una fotografía

Nunca fue tan fácil poder remover el fondo de una fotografía y mejor aún 100% online y gratis. Sin instalar absolutamente nada.

Para facilitarnos la vida ya sea para algún trabajo como para hacer nuestros memes o quizas algun chascarrillo, Remove.bg nos salva con una calidad impresionante.

Solo capta personas y las pruebas que he hecho fueron mas que satisfactorias.

El proceso es muy sencillo , solo hay que subir a la página la foto que queremos que quite el fondo, hace su proceso en linea, y nos queda lista para su descarga.