domingo, 28 de enero de 2018

Laravel 5 Cómo actualizar de Bootstrap 3 a Bootstrap 4

Puedes darte cuenta fácilmente de que tu proyecto recién creado de Laravel utiliza la versión 3 de bootstrap echándole un vistazo al archivo package.json.

Para actualizar a bootstrap 4, encontré en este sitio 3 sencillos comandos que sí me funcionaron en Laravel homestead con vagrant en Mac 💻.

Vamos a ello:

Colócate en la carpeta raíz de tu proyecto y ejecuta uno por uno los siguientes tres comandos:

$ composer require laravelnews/laravel-twbs4
$ php artisan preset bootstrap4-auth
$ yarn && yarn dev

Listo!

Laravel 5 /logout method not allowed

Pasó un día en que quise salir de una sesión de Laravel simplemente colocando en la URL /logout cuando me salió el siguiente error:

Symfony \ Component \ HttpKernel \ Exception \ MethodNotAllowedHttpException

No message

Si deseas que ese error no se muestre, lo que tienes que hacer es lo siguiente:

Abre el archivo de rutas /routes/web.php y justo debajo de donde dice:

Auth::routes();

coloca el siguiente pedazo de código bendito 🤠:

Route::get('/logout', '\App\Http\Controllers\Auth\LoginController@logout');

Ahora sí, ya quedó 😎🙌🏽.

Referencias: https://laracasts.com/discuss/channels/laravel/laravel-53-logout-methodnotallowed

Ciao.

laravel: command not found

Resulta que hice mi actualización del Vagrant ($vagrant box update) en windows, o en mac, y cuando quise crear un nuevo proyecto de Laravel en Homestead, me salió el siguiente error:

$ laravel: command not found

Parece que, cuando actualizas el homestead vagrant box update ¡el comando de Laravel desaparece! 😱

Entonces, de acuerdo a los docs, lo que procedí a hacer fue instalar el comando laravel tecleando lo siguiente en la consola:

$ composer global require "laravel/installer"

Y pues esperas a que haga lo que tenga que hacer.

Luego, lo que hay que hacer es editar un archivo que se llama .bashrc:

$ nano /home/vagrant/.bashrc

Al final, agrégale la siguiente línea (https://stackoverflow.com/a/35213546/1883256):

#haciendo que el laravel jale!
export PATH="$PATH:$HOME/.composer/vendor/bin"


Guardas con control + o y cierras con control + x

Ahora para que los cambios surtan efecto, debes ejecutar el siguiente comando (https://stackoverflow.com/a/16850841/1883256):

$ source ~/.bashrc

Listo. Prueba a si ya sirve el comando laravel tecleando simplemente:

$ laravel

Si sí sale algo como "laravel installer 1.5.0 .... usage ..." pues ya la hiciste!

Ahora, para crear un nuevo proyecto, primero ve a la ubicación en donde están tus demás proyectos (no te lo vaya a crear en otro directorio que no quieres), típicamente es en la carpeta Code (si no fuere el caso entonces en tu carpeta de preferencia)

$cd /Code

$ laravel new NombreDeTuProyecto

Listo!

jueves, 18 de enero de 2018

Google Charts Incompatible default series types.

Este error me ocurrió al pretender hacer una gráfica de "ComboChart" cuando estaba llamando a una gráfica "LineChart".

Además, dentro de las opciones debes tener "seriesType" y "series" para el ComboChart. Para el "LineChart" no es requerido especificar tales opciones.
var options = {
                title : 'Participación de investigadores en eventos académicos.',/* (total: '+totalparticipantes+')*/
                vAxis: {title: 'Cantidad'},
                hAxis: {title: 'SIAHs'},
                /*Agregué las siguientes dos líneas para hacerlo un combochart (sin estas dos lineas es un LineChart): con barras y línea de total*/
                seriesType: 'bars',
                series: {2: {type: 'line'}},/*series: {0: {type: 'line'},1: {type: 'line'}},*/
                /**/
                backgroundColor: { fill:'transparent'},
                tooltip: {showColorCode: true},
                tooltip: {isHtml: true},
                height: 300,
                colors: ['DeepPink','#0066ff','#1ab2ff','#802000'],/*mujeres,hombres,total*/
                'backgroundColor': 'transparent'
            };
            /*En la siguiente línea cambié de Linechart a ComboChart, si no, me sale el error Incompatible default series types.*/
            var chart = new google.visualization.ComboChart(document.getElementById('combochart'));
Saludos.
 

Tags