search

magopian / att

ATTESTATION DE DÉPLACEMENT DÉROGATOIRE
https://magopian.github.io/att
33 stars 9 forks source link

Add PDF Export #8

Closed ldidry closed 4 years ago

ldidry commented 4 years ago

It’s really not perfect but that should do the work.

I tried https://raw.githack.com/MrRio/jsPDF/master/docs/module-html.html but all I got was an empty PDF, so I create an image of the page then put it in a PDF.

Related to #7

magopian commented 4 years ago

Hi @ldidry thanks a lot for the time and effort you put into this, but as explained in the README I'm really trying to keep this thing very simple, minimalistic and "offline-friendly". The main use case I'm trying to address here is to have a web page that you can fill in and show, all on your phone, even when offline.

ldidry commented 4 years ago

(je passe en français, j’ai commencé en anglais par habitude) Je m’inquiétais du fonctionnement des navigateurs sur android : si je retourne sur un onglet après avoir navigué sur d’autres onglets, il semble que mon Firefox recharge la page. Et si offline… foutu.

Du coup, pour ce que tu veux en faire, le mieux serait d’en faire une progressive web app, qu’en penses-tu ?

Natim commented 4 years ago

image

Sur desktop j'ai la moitié de la page en gris

ldidry commented 4 years ago

It’s really not perfect

:stuck_out_tongue:

Natim commented 4 years ago

J'ai fait le même constat que @ldidry et je suis pour ajouter cette fonctionnalité. Après rien ne nous empêche de forker et de déployer ça sur Github mais c'est dommage car le nom de domaine est top.

Le single file c'est bien pour un proto mais si on décide d'utiliser ça quotidiennement, perso je trouve ça cool de pouvoir ajouter cette fonctionnalité.

magopian commented 4 years ago

(je passe en français, j’ai commencé en anglais par habitude) Je m’inquiétais du fonctionnement des navigateurs sur android : si je retourne sur un onglet après avoir navigué sur d’autres onglets, il semble que mon Firefox recharge la page. Et si offline… foutu.

Tout est stocké dans le localStorage, donc même si tu retourne sur un onglet, ou que tu le ferme et réouvres etc... tout est toujours rempli et présent. Si c'est pas le cas pour toi je veux bien des infos sur comment reproduire le bug.

Du coup, pour ce que tu veux en faire, le mieux serait d’en faire une progressive web app, qu’en penses-tu ?

Je ne vois pas trop ce qu'on peut faire de plus comme "PWA" que ce qu'il y a déjà là : un seul et unique fichier index.html qui est mis en cache par le navigateur, et qui devrait très bien fonctionner même offline. Tu as d'autres propositions ?

magopian commented 4 years ago

Le single file c'est bien pour un proto mais si on décide d'utiliser ça quotidiennement, perso je trouve ça cool de pouvoir ajouter cette fonctionnalité.

Ajouter quelle fonctionnalité, le print to pdf ? Encore une fois, j'attends qu'on m'explique en quoi c'est utile ? Les données sont stockées, et accessibles offline.

Le use case c'est de pouvoir présenter une attestation, remplie sur son téléphone portable.

ldidry commented 4 years ago

Tout est stocké dans le localStorage, donc même si tu retourne sur un onglet, ou que tu le ferme et réouvres etc... tout est toujours rempli et présent. Si c'est pas le cas pour toi je veux bien des infos sur comment reproduire le bug.

Non, effectivement, le cache de la page d’index est efficace, même offline. J’avais peur de ça car là, je viens d’aller sur des onglets ouverts hier après être passé offline et ça ne marchait pas.

Je pense qu’il faudrait ajouter un ptit texte dans le footer pour dire « N’ayez pas peur, même si vous n’avez pas de réseau, cette page restera dans le cache de votre navigateur et reprendra les informations que vous avez préalablement remplies. »

magopian commented 4 years ago

Bonne idée oui, @pYassine est en train de travailler dessus, cf #6