Desayunándome a Finn

Con desayunos así no me para nadie

Calendario de Trello local en OSX

logo-blue-lg

Hace poco que uso Trello y se ha convertido en una herramienta indispensable para mi trabajo diario. Tanto es así que echo en falta que tenga un calendario. La versión gold si que lo tiene, pero ahora mismo no me puedo permitir pagar 5$ al mes, aunque en cuanto recupere el vuelo será lo primero que contrate.

Mientras tanto necesito ese calendario para poder visualizar las fechas que pongo en las cards y poder utilizarlo para llevar un control de mis tareas en los diferentes proyectos. Esto podemos conseguirlo instalando la aplicación web creada por François de Metz, Trello Calendar que hace uso de la Api de Trello para mostrar en una página web al estilo Google Calendar las tareas organizadas por fechas.

Para utilizar la webapp tendréis que instalar Redis.  

redis318x260_1

Redis es un sistema de base de datos basado en memoria y que utiliza Trello Calendar para hacer de servidor de base de datos. Para instalar Redis tenéis que seguir los siguientes pasos:

  1. Descargar la última versión de Redis desde su página de descargas http://redis.io/download. Actualmente están en la versión 2.8.13
  2. Seguir las instrucciones de Jasdeep Singh para instalar Redis. También tiene las instrucciones en gist https://gist.github.com/jasdeepsingh/5628569
  3. Una vez tenemos instalado Redis debemos iniciarlo con la orden redis-server

Una vez instalado Redis podemos proceder a instalar Trello Calendar. Trello Calendar está basado en Node.js y npm con lo que si no lo tenéis tendréis que instalarlo también. Podéis seguir las instrucciones de instalación de node.js y npm aquí. Si no tenéis Homebrew os recomiendo que lo instaléis también.

Ya instalado npm deberéis instalar Trello Calendar ejecutando:

Una vez instalado deberéis renombrar el archivo config.json.sample a config.json. En ese archivo tendréis que poner las claves de la API de vuestra cuenta en Trello. Acceded a https://trello.com/1/appKey/generate y poner los datos de clave pública y privada en el archivo config.json. Después de haber hecho esto ejecutar:

Si todo va bien deberíais poder acceder a http://localhost:4000. Ahí deberéis conceder acceso a la API de vuestro Trello y ya podréis ver vuestro calendario.

No siempre funciona pero François de Metz colgó la aplicación en https://trellocalendar-francois2metz.dotcloud.com/ donde podréis usar la aplicación directamente desde su servidor en la nube. Yo personalmente me gusta más tenerlo en local ya que no siempre funciona y yo lo necesito constantemente.

Espero que os sirva.

Despertando de la siesta

Maquetar success.phtml en Magento 1.8.1.0

magento_logo

Maquetar la thankyou page puede ser un engorro importante si cada vez que tenemos que probar los cambios tenemos que hacer un pedido. Lo mejor es que impidamos el limpiado de la sesión para que cuando refresquemos nos siga mostrando la información del pedido.

Para hacer esto nos vamos al archivo:

/app/code/core/Mage/Checkout/controllers/OnepageController.php

y comentamos temporalmente la línea 291 donde pone:

la función es successAction por si en próximas versiones cambiara el número de línea.

Info extraída de: http://www.impulsis.com/nc/blog/blog-post/how-to-style-success-page-in-magento/comment/1/30.html

Class ‘Mage_Googlecheckout_Helper_Data’ not found

magento_logo

El otro día actualicé un Magento de la versión 1.8.0.0 a la 1.8.1.0. Al entrar al administrador me salía la típica ventana de Magento en blanco total que no te informa de absolutamente nada (White Screen Of Death), menos mal que a veces el fichero de errores de apache dice alguna cosa útil.

El problema estaba en la clase Mage_Googlecheckout_Helper_Data. Algo han hecho en la última versión ya que en la propia info de de lanzamiento ponen que hay que eliminar todos los archivos menos config.xml de la ruta

/magento-install-dir/app/code/core/Mage/GoogleCheckout/etc

Más info en:

http://www.magentocommerce.com/knowledge-base/entry/ce-18-later-release-notes#11810-changes-upgrade-issue
http://stackoverflow.com/questions/20569358/class-mage-googlecheckout-helper-data-not-found

Cantidad no se actualiza en carrito Magento 1.8.0.0

magento_logo

Estos fallos en versiones de Magento que ya tienen su solera me tocan las narices. Resulta que ahora a no ser que uses el archivo template/checkout/cart.phtml directamente de base no te incluye en el formulario una key con lo que no se actualizan las cantidades.

Si ponemos las rutas cargando el cart.phtml del base vemos que carga un bloque (frontend/base/default/template/core/formkey.phtml) con una variable input type=”hidden” llamada form_key. Este bloque no lo carga si usamos un cart.phtml propio en nuestro template.

La solución es poner en nuestro cart.phtml un input type=”hidden” como este:

act: También se puede utilizar esta otra línea que parece más limpia ya que carga el código bloque correspondiente según el layout core.xml

+info
http://www.magentocommerce.com/boards/viewthread/767323/

Listar productos destacados por fecha en Magento 1.8.0.0

magento_logo

Supongo que esto será igual para versiones anteriores, pero como digo en el título yo he hecho la prueba en la versión CE 1.8.0.0

Para sacar el listado de productos según un atributo personalizado fecha deberemos de hacer una serie de pasos:

  1. Creación de los atributos y asignación de estos a un conjunto.
  2. Creación de un fichero .phtml que cargaremos a través de una llamada desde la página CMS
  3. Llamada desde la página Home para cargar el phtml.

Ok, vamos a ello:

1. Como queremos realizar un listado de productos destacados por fecha, vamos a crear dos atributos de nombre featured_from_date y featured_to_date de tipo Fecha y los adjuntamos a los conjuntos de atributos que queramos (Default o los personalizados que tengamos).

2. Una vez hecho esto habrá que crear un fichero de nombre featured.phtml en /app/design/frontend/paquete/tema/template/catalog/product/ siendo paquete el nombre del paquete utilizado y tema el nombre del tema, con el siguiente contenido:

3. Una vez creado el fichero habrá que hacer la llamada desde la home con este código:

Ahora solo tienes que cambiar las fechas del atributo featured_from_date y featured_to_date de cualquier producto para asegurarnos de que se muestra en el bloque de la home. Ten en cuenta que este código solo muestra producto que son visibles, es decir, si el producto está deshabilitado no será mostrado por mucho que tengas el código correcto.

Paginación de usuarios en WordPress con wp_pagenavi y WP_User_Query

wordpress-logo

Para listar usuarios en WordPress basta con usar WP_User_Query como si fuera una WP_Query normal (con sus modificaciones claro). Lo que me ha costado a mi es encontrar como hacer la paginación de estos usuarios con wp_pagenavi. Este es un plugin de paginación avanzada que funciona genial.

Bueno, pues para hacer que todo funcione como toca hay que hacer la consulta controlando las variables de paginación así:

Y justo antes de cerrar el if poner el siguiente código, indicando la variable de consulta y el tipo.

Ya digo, algo muy sencillo pero que me ha costado encontrar como hacerlo.

+info: http://wordpress.stackexchange.com/questions/30977/list-users-by-last-name-in-wp-user-query ( Cuidado, no implementa bien la paginación )

http://wordpress.org/support/topic/plugin-wp-pagenavi-fatal-error-call-to-undefined-method-wp_user_queryget

Problema al crear proyecto nuevo en Netbeans 7.0.1 en Ubuntu

ubuntu-logo32

 

Si al intentar crear un proyecto nuevo, en la ventana de creación del proyecto se queda pensando y no te deja elegir que tipo de proyecto es, con lo que no puedes seguir al paso siguiente, seguramente sea porque tienes instalada una versión de openjdk que tiene algún bug.

La solución es desinstalar la librería openjdk e instalar la oficial de Oracle:

1. Desinstalación de openjdk. En mi caso tengo la 6 con lo que lo primero sería cambiar ese número por la que tengáis instalada. Para mirar qué número de versión tenéis:

Lo siguiente es desinstalar openjdk (cambiando el 6 por lo que sea):

Después de hacer esto si ejecutamos

Nos dirá algo así como bash: /usr/bin/java: No such file or directory

Con esto ya habremos desinstalado openjdk

2. Instalar Java 7 de Oracle:

Con esto en principio ya podréis crear proyectos sin problema.

+info:

http://kiranscience.blogspot.co.uk/2012/08/remove-openjdkjre-from-ubuntu-1204.html

http://www.webupd8.org/2012/01/install-oracle-java-jdk-7-in-ubuntu-via.html

Twitter Bootstrap responsive a 16 columnas

bootstrap

Para el próximo template responsive que voy a crear para Magento me pasaron un diseño en PSD basado en un grid de 16 columnas. Decidí usar el framework Bootstrap de Twitter, pero me di cuenta de que por defecto está basado en 12 columnas en lugar de 16.

En la página de Twitter Bootstrap, que actualmente está en la versión 2.3.0, hay una herramienta de configuración donde es posible bajar un Bootstrap custom diciéndole que es lo que quieres y que no. En la parte inferior están los parámetros del gridsystem donde puedes decirle al generador qué valores quieres tener para número columnas, ancho de cada una de ellas y separación. Estos serían los valores que habría que ponerle para un layout de 16 columnas.

bootstrap-grid

Pero cual es mi sorpresa cuando al descomprimir el archivo .zip que te genera, los archivos bootstrap.responsive.css y bootstrap.responsive.min.css brillan por su ausencia. ARRRGG!!

Después de darle muchas vueltas decido que la mejor opción es bajarme los ficheros less (disponibles en la carpeta less del proyecto Twitter Bootstrap en github) y compilar el fichero yo mismo.

Para usuarios de Mac puede ser relativamente fácil hacer esto ya que existen heramientas muy chulas (como Crunch por ejemplo) que van a las mil maravillas. Pero si trabajas con Windows o Ubuntu puede ser un poco más complicado.

Lo intenté con Simpless en Windows XP pero no me funcionó, ya que por lo visto han dejado un poco de lado el proyecto y al compilar los ficheros me daban errores (luego me enteré de que la librería Less.js la tienen desactualizada y la actualicé pero ni así). También lo intenté con WinLess pero la aplicación cascaba estrepitosamente al intentar abrir el directorio que contiene los archivos .less.

Así que me decidí por hacerlo por terminal en Ubuntu (no hay, o al menos no he encontrado, compiladores gráficos de Less para Ubuntu). Para usar Less en Ubuntu lo mejor es instalar Node.js y luego con Node Package Manager instalar Less. En esta guía David Sadler explica de lujo la instalación de Node.js en Ubuntu, aunque yo me salté el paso que hace el cambio de rama a la 0.6.17, más que nada porque en estos momentos están por la 0.9.9. Así que yo os recomiendo que os saltéis esta línea también

Una vez instalado Node.js hay que instalar less con NPM. La línea que hay que ejecutar en el terminal es la siguiente:

Vale, ahora ya tenemos las herramientas para compilar el archivo responsive.less, pero antes nos tocará cambiar los valores del archivo variables.less alrededor de la linea 272, por los que queremos para soportar responsive a 16 columnas:

Grabamos el archivo variables.less y a continuación compilamos el archivo responsive.less con la siguiente orden:

Con lo que ya tendremos el archivo bootstrap-responsive.css con soporte para 16 columnas que es lo que andábamos buscando. Os dejo a vosotros el tema de la minificación, que hay mil herramientas por ahí.

Act: Gracias a este twitt de @jorgecasar me doy cuenta de que falta una cosa más. En el archivo bootstrap-responsive.css generado, alrededor de la línea 1016 sigue estando .span12 al 100%. Por lo visto esa parte está sin parametrizar en el .less. Habría que cambiar ese código por este otro:

Act2: Me pide James Vergara en los comentarios el archivo bootstrap-responsive.css con soporte para 16 columnas. Aquí lo tenéis:

bootstrap-responsive.css con soporte para 16 columnas

+Info:
http://twitter.github.com/bootstrap
https://coderwall.com/p/vusddq
http://lesscss.org
http://toutpt.makina-corpus.org/en/articles/twitters-bootstrap-for-responsive-web-design-with-16-columns