Guía 64 – Utilización de la biblioteca «FullCalendar» – Actualización

Se ha ampliado la funcionalidad del ejemplo en los siguientes casos:

  1.  Se ha añadido TOOLTIP para mostrar información del incidentes sólo con poner el ratón encima de este. Muy importante para quienes quieren facilitar información del caso y no obligar al usuario a abrir y cerrar la información del evento.
  2. Se ha cambiado la forma de dar de alta nuevos incidentes. Ahora se puede seleccionar los días (en el calendario) e inmediatamente presenta el formulario de ADD con los datos del usuario y los días seleccionados.

Si te interesa esta información sigue leyendo el artículo en este enlace.

Guía 65 – Cálculos «en vuelo» con programación en el Server

En algunos casos me habéis preguntado cómo calcular «en vuelo» diferencias entre fechas y otros cálculos, que ya estaban resueltos en la programación PHP del Server.

Últimamente se me ha consultado cómo hacer el cálculo de días entre 2 fechas, que está resuelto en la Guía 21, pero online (en la misma pantalla donde se está introduciendo las fechas.

Aunque os he contestado que utilizando la Guía 21 y la Guía 27, se podía hacer, a las personas que se lo he comentado, les costaba mucho hacerlo, por ello he decidido hacer este ejercicio, para ver si así os es más sencillo utilizar la solución.

Objetivo

La forma habitual de programación es que todo lo que tenga que realizarse en el navegador se haga con JavaScript, pero algunas veces interesa utilizar los cálculos que ya están implementados en el server.

Este ejemplo muestra cómo es fácil de utilizar los cálculos realizados en el Server en formularios Online. Se hace utilizando Ajax, para comunicar procesos del Front-end (navegador) con procesos del Back-end (servidor).

DEMOhttps://fhumanes.com/date_diference2/ 
Usuario: admin/admin

Si te interesa este tema, sigue leyendo el artículo de este link.

Guía 64 – Utilización de la biblioteca «FullCalendar»

Para representar cualquier evento que esté relacionado con una fecha o rango de fechas, la mejor forma es la «imagen» de un calendario.

Para este tipo de presentaciones, lo más utilizado con diferencia, es la biblioteca de JavaScript FullCalendar. He hecho varios ejemplos en donde la he utilizado, por ejemplo «Gestión de Vacaciones«, pero  he utilizado otras formas de representar datos en calendario y, además,  la propia gestión de la aplicación hace más complejo entender su funcionamiento.

Objetivo

Disponer de un ejemplo sencillo del uso de la biblioteca de JavaScript «FullCalendar» . En este ejemplo se dispone de la forma de representación de calendario de formato Mes, Trimestre y Año completo.

DEMO: https://fhumanes.com/incidentes/

Si te interesa este tema sigue leyendo el artículo de este enlace.

Crear factura con Setasign PDF (nueva versión)

He realizado los mismos informes que hice para Excel y Word, con esta solución y me ha parecido una forma sencilla y bastante rápida, por lo que os aconsejo que veáis el resultado y si os gusta, probéis a revisar el código.

Los gráficos de este ejemplo se han hecho con jpGraph, muy potente es solución.

DEMO: https://fhumanes.com/reports_setasign/  (informes hechos con esta solución)

Si estás interesado este tema, sigue leyendo el artículo de este enlace.

Guía 63 – Convertir PDF a PNG

Ha salido en algunos artículos del foro, usuarios que deseaban transformar la primera hoja de un fichero PDF a una imagen, con el fin de poder ofrecer esa imagen como información del registro.

Buscando en Internet casi siempre aparece la solución haciendo referencia a la librería de Imagick.

También, he comprobado que esta extensión es muy habitual que las empresas que venden «hosting» para alojar nuestras aplicaciones, tienen instalada esta extensión, por lo que he considerado que  es una solución que podamos utilizar muchos de nosotros, que disponemos de un «hosting» contratado.

Objetivo

Hacer un ejemplo que cuando se da de alta (ADD) un registro y se facilita un fichero PDF, el aplicativo genera  un fichero PNG con la primera página, que servirá para mostrarse en LIST y VIEW y como botón de enlace para la descarga del fichero PDF.

DEMO:  https://fhumanes.com/imagick/

Si te interesa este tema sigue leyendo el artículo a través de este enlace

Blog personal para facilitar soporte gratuito a usuarios de React y PHPRunner