S-012 – Actualización de aplicación Shopping – Svelte

He corregido y ampliado la funcionalidad de este desarrollo.

Corrección:

He modificado CSS de la página «Login.svelte» para que se ajuste mejor esta página en los dispositivos móviles. Además del tamaño de los campos, que el vea la imagen de la página.

Ampliación:

En la página «Producto.svelte» he añadido un botón para obtener un informe PDF de los productos que están pendientes de comprar. El desarrollo se ha hecho con PdfMake y está descrito en esta guía.

A través de este enlace tienes acceso al artículo completo y los fuentes del desarrollo.

Guía 96 – Mejorar la presentación de los Lookup simples o múltiples

En los casos en que en la presentación de la información de una tabla cambiamos un «id» por un «nombre o clave», en la visualización vemos un texto que normalmente es simple pero suficiente. Cuando en vez de tener un sólo valor en el campo tenemos múltiples valores, la presentación de esos textos, uno detrás de otro, separados por una coma, normalmente es insuficiente.

Objetivo

Mejorar la visualización de los campos «Lookup» resaltando los valores, tanto en el Lookup estándar como si se utiliza algún Plugin (Los plugins ya tienen versión para PHPRunner v11)

DEMO: https://fhumanes.com/test_lookup/

Si estás interesado en este articulo o deseas obtener el código, sigue este enlace.

Crear Factura o Informes con PDFMake

Esta solución es bastante distinta a todas las otras que tengo en el Blog. Es una solución JavaScript.

Trabajando en el entorno REACT que su lenguaje principal es JavaScript, estuve buscando una solución para hacer documentos PDF’s y vi  y probé PDFMake y me sorprendió estas características:

  • Simple de entender el funcionamiento y rápido en su ejecución.
  • No dispone de una herramienta de diseño, pero dispone de una solución de testeo, que sirve muy bien para diseñar y testear el informe que quieres generar.
  • Se ajusta perfectamente a dimensiones (no se desajusta como la solución de transformar HTML a PDF), por lo que puedes definir documentos formales, como albaranes, facturas, escritos oficiales, etc.
  • Se puede configurar características del PDF y del tamaño de la página
  • Se pueden definir cabeceras y pies de páginas, por lo que se puede imprimir numeración de las paginas. Gestiona, en las tablas, la finalización de una página y el encabezado de la siguiente de forma automática.
  • Dispone de más características, pero las anteriores me han parecido las más relevantes.

Objetivo

Crear facturas u otros documentos, en formato PDF (con calidad) de forma sencilla y rápida.

DEMO: https://fhumanes.com/invoice_pdfmake/Desde la opción de View, de la tabla «Invoice», se accede al botón de generar el PDF.

Si el tema te interesa, sigue leyendo el artículo completo en este enlace.

Guía 95 – Añadir campos a formularios que no son campos (reales) de la Base de Datos

Este tema de añadir nuevos campos en formularios que no se corresponden a campos de las tablas de la base de datos, lo he utilizado muchas veces en los ejemplos, pero creo que no tengo uno que sea específico de este tema y es de gran ayuda para resolver algunas funcionalidades de las aplicaciones y , además, de cara al usuario del aplicativo puede ser más simple de utilizar.

En el ejemplo, se simula que se está haciendo una factura/albarán y que al elegir el Cliente se obtienen las direcciones de envío, que está en una estructura de «Master» -> «Detail», y se muestran en una lista de check para elegir. Además, y aquí viene la funcionalidad del ejemplo, se desea que se pueda añadir una nueva dirección en el mismo formulario.

Objetivo

Explicar cómo podemos añadir nuevos campos en los formularios, y que estos no tienen que ser campos de la tabla asociada.

DEMO: https://fhumanes.com/sh/

El check de «New Address» y el campo «memo» de dirección, no son campo de la tabla INVOICE.

Si te interesa este tema, sigue leyendo el artículo completo en este enlace.

Guía 94 – Campo de Selección en formato Tabla

Este ejemplo surge de la necesidad de un desarrollo donde se selecciona de una tabla de parámetros/condiciones una serie de opciones para la revisión de una maquinaria.

Esto es algo que se produce más o menos habitualmente, ya que en muchas ocasiones un código y título de una acción no se describe, completamente,  con esos 2 únicos datos, si no que se requiere un conjunto de información, normalmente estructurada en formato tabla.

El ejemplo que os muestro no es el caso real, pero me sirve para explicaros cuál es el tipo de solución. En este caso, funcionalmente, en la recepción de un vehículo en un taller, se recoge las acciones que hay que hacer a través de una tabla de servicios.

Objetivo

Mostrar una tabla de servicios con varias columnas que describen el mismo, para seleccionar qué acciones hay que realizar.

DEMO: https://fhumanes.com/seleccionTabla/st_vehiculo_list.php

Este es el aspecto de la opción de Añadir.

Si estas interesado en este tema, en este enlace tienes el artículo completo.