Développement d'une barre de contribution intégrable

Je veux bien mais comment je récupère le montant du DU ?

Par ici ? : duniter-bma/doc/API.md at master · duniter/duniter-bma · GitHub Je ne trouve pas pour le moment :confused:

1 Like

Silkaj a le même algorithme que Césium.
Sur /blockchain/with/ud.

Ça serait bien d’avoir directement cette information via GVA.

2 Likes

Je ne saurais pas comment l’utiliser avec mon script PHP mais je note ça dans un coin de ma tête. En cherchant un peu, je devrais trouver :wink:

C’est un superbe boulot @Paidge ! Bravo !

De ce que je comprends, la barre nécessite une aide côté serveur ?

Pour ma part je rêverai d’une barre unhosted en pur javascript. :blush:

J’espère qu’on aura pas de problème de requêtes refusées pour cause de Cross Origin Policy, même dans une iframe, il faut des autorisations spéciales pour changer de domaine.

1 Like

Y’a yyy qui en a faite une en JS pur sur le forum monnaie-libre.fr. Le résultat est visible ici.

C’est ce que je me suis dit hier en voyant ça (un ami ne voyait pas l’iframe à cause d’un plugin de sécurité Firefox du coup j’ai jeté un oeil à la console) mais ça a l’air de fonctionner (si on a pas de plugin :stuck_out_tongue: ) :

1 Like

Il faut que les hébergeurs comme @moul ou toi ajoutent les autorisations de Cross-Origin adéquates pour être sûr que cela fonctionne partout. Je ne suis pas un expert, donc voici de la doc :

Cross-Origin Resource Sharing (CORS)

https://benohead.com/cross-document-communication-with-iframes/#Same_Origin_Policy

2 Likes

J’aimerais vraiment ne pas avoir à être traqué ni dépendre de services externes pour cette fonctionnalité.

Edit: Et au passage, impossible de s’authentifier pour faire un don si on a l’extension Privacy Possum activée : https://g1.duniter.fr/api/#/v1/payment/27b1j7BPssdjbXmGNMYU2JJrRotqrZMruu5p5AWowUEy?amount=10|20|50|100|1000&comment=don&redirect_url=https:%2F%2Fg1.duniter.fr&cancel_url=https:%2F%2Fg1.duniter.fr

2 Likes

Pour le coup, ça concerne l’API cesium dont le développeur principal est @Benoit_Lavenier

Ouaip, je m’en suis douté mais j’ai préféré l’indiquer ici au cas où. Puisque t’as ping l’auteur, je ne vais pas ouvrir de ticket sur ce problème tout de suite. Merci !

Merci pour la taff accompli, en tout cas !

1 Like

Pour moi, l’intégration de la clef et du QR-code relève du choix des initiateurices du financement participatif. (le bouton « Cesium-API » egalement).

C’est effectivement adapté d’avoir la clef pub et un QRcode sur la pages, cependant le choix de leur emplacement devrait être laissé aux créateurices de la page.

Qui crée une page web doit savoir intégrer une ligne de texte et une image, pour moi il n’y a pas besoin d’automatiser ça, et c’est même des fonctionnalités en trop.

Si j’ai à créer un financement participatif, je m’empresserai d’enlever ces fonctionnalités pour faire la mise en page à ma sauce.

Gardez Ça Stupidement Simple.

2 Likes

Ça peut être fait avec des options, comme ça on choisit ce qu’on veut.

2 Likes

Mise à jour : https://wotmap.duniter.org/iframe/

CHANGELOG :

  • Modification de la couleur de la barre.
  • Suppression des CDN pour éviter la surveillance de Cloudfare et Fontawesome
  • Ajout de paramètres pour plus de personnalisation (color, display_pubkey, display_qrcode, display_button)

ROADMAP :

  • Internationalisation (i18n)
2 Likes

J’avais un petit bug pour la couleur. C’est corrigé.

Il faut mettre la valeur sans le #
Essaie de vider le cache de ton navigateur ( ou en navigation privée). Je viens de retester et ça fonctionne

https://wotmap.duniter.org/iframe/iframe.php?pubkey=78ZwwgpgdH5uLZLbThUQH7LKwPgjMunYfLiCfUCySkM8&start_date=01/09/2019&end_date=30/09/2019&target=5309.4&title=Développeurs%20Duniter%20septembre&font_color=FF0000

1 Like

Pour le fun, j’ai rajouté le paramètre display_graph (boolean) :wink: Voir le résultat : https://wotmap.duniter.org/iframe/

ça mérite bien un don ? :stuck_out_tongue:

5 Likes

Intéressant pour cette clé.
Tracer un trait horizontal pour la somme demandée peut être intéressant.

4 Likes

Ça serait cool aussi que la barre de progression puisse s’afficher sans JS.

Pour le graphe, j’imaginais celui des entrées plutôt que de la somme, en filigrane derrière la zone entre la barre et le bouton.

2 Likes

Serait-il possible d’avoir la fonctionnalité suivante : avoir une barre qui se place automatiquement sur le mois actuel.
Ça serait pour le financement du projet Duniter pour ne pas avoir à s’embêter à changer start_date et end_date. Il ne resterait qu’à changer la montant de dépense par mois qui se réévalue tous les trimestres et tous les semestres lors de la réévaluation du DU.

Au passage, je trouve qu’il n’est pas nécessaire que start_date soit un paramètre obligatoire. Ça devrait faciliter l’implémentation de cette fonctionnalité.

4 Likes

Le montant réclamé a été atteint en une semaine ! Merci à tous.
J’ai donc reversé les fonds au développeur (moi-même) ainsi que 25% du montant récolté dans la caisse des développeurs Duniter.

Voici le dépôt du code source : https://git.duniter.org/paidge/barre-de-financement-int-grable

6 Likes

@Paidge > Je t’ai fait une petite merge request car la barre de progression ne s’animait pas et l’affichage de la cible en relatif restait en absolu :slight_smile:

En fait c’était volontaire. Car si tu mets unit=relative, alors si il suffit de mettre ta cible en relatif :wink:

Par exemple, si ta cible est de 300DU, il suffit d’avoir l’url du type :
iframe.php?pubkey= 78ZwwgpgdH5uLZLbThUQH7LKwPgjMunYfLiCfUCySkM8&start_date=01/09/2019&target=300&unit=relative

C’est bizarre car l’animation fonctionne bien, que ce soit en relatif ou en quantitatif :

A ton avis pourquoi ça ne marche pas l’animation avec toi ? (à mon avis c’est ta modif d’avant :wink: )