# Wotwizard UI

**URL:** https://forum.duniter.org/t/wotwizard-ui/8939
**Category:** Applications
**Tags:** wotwizard, graphql, vuejs
**Created:** [13 December 2021 20:27 UTC](https://forum.duniter.org/t/wotwizard-ui/8939 "2021-12-13T20:27:28Z")
**Posts on this page:** 20
**Page:** 5

<div class="post-metadata">

### Author: ![Paidge](https://forum.duniter.org/letter_avatar/paidge/32/5_5575768a8748004e209b776fc1b2916d.png) [@Paidge](https://forum.duniter.org/u/Paidge)
#### Post date: [20 January 2022 23:24 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/81 "2022-01-20T23:24:16Z")

</div>

[L’application](https://wotwizard.axiom-team.fr) a subi qqes mises à jour récentes suite aux [remontées des utilisateurs](https://forum.monnaie-libre.fr/t/appel-a-contribution-recherche-de-gros-utilisateurs-de-wotwizard/20285/35). J’aurais besoin @kapis que tu me traduises [params.name](https://git.duniter.org/clients/wotwizard-ui/-/blob/master/i18n/locales/es.json#L36) si tu as un peu de temps. Muchas Gracias 🙂

---

<div class="post-metadata">

### Author: ![CaTasTrOOf](https://forum.duniter.org/letter_avatar/catastroof/32/5_5575768a8748004e209b776fc1b2916d.png) [@CaTasTrOOf](https://forum.duniter.org/u/CaTasTrOOf)
#### Post date: [21 January 2022 10:41 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/82 "2022-01-21T10:41:57Z")

</div>

@Paidge : je te propose [une petite modification d’affichage pour la date](https://git.duniter.org/clients/wotwizard-ui/-/merge_requests/4) du dernier bloc de la blockchain dans le menu.

Ce n’est pas une grosse modif, ni un sujet des plus urgent, mais ça me permet de regarder un peu comment ça fonctionne derrière pour donner un coup de main à l’occasion 😉

---

<div class="post-metadata">

### Author: ![Paidge](https://forum.duniter.org/letter_avatar/paidge/32/5_5575768a8748004e209b776fc1b2916d.png) [@Paidge](https://forum.duniter.org/u/Paidge)
#### Post date: [21 January 2022 10:50 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/83 "2022-01-21T10:50:40Z")

</div>

Super merci 🙂 Je comptais m’en occuper un de ces 4 😉 J’ai prévu de faire une vidéo d’explication pour ceux qui voudraient contribuer au projet. Cette vidéo sera destinée à des débutants en développement et donc accessible à tous (je ferai un chapitrage pour que les experts puissent sauter les chapitres qui leur semblent basiques). J’y expliquerai comment installer VScode, GIT et NodeJS pour pouvoir cloner le dépôt et contribuer. Quelques explications seront données autour de NuxtJS (que je découvre). Donc ce sera en même temps une vidéo de formation pour développeurs débutants.

---

<div class="post-metadata">

### Author: ![CaTasTrOOf](https://forum.duniter.org/letter_avatar/catastroof/32/5_5575768a8748004e209b776fc1b2916d.png) [@CaTasTrOOf](https://forum.duniter.org/u/CaTasTrOOf)
#### Post date: [24 January 2022 09:22 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/84 "2022-01-24T09:22:44Z")

</div>

Je constate le changement de fond sur le menu. Je penses que le contraste n’est pas assez fort pour le rendre accessible.  
 ![image](https://forum.duniter.org/uploads/default/original/2X/b/bce5fb377d9552443fcc477c1aa5bd97b24e9f45.png)

Le sujet de l’accessibilité doit être pensé au plus tôt afin de ne pas y passer trop de temps par la suite 😉

---

<div class="post-metadata">

### Author: ![Paidge](https://forum.duniter.org/letter_avatar/paidge/32/5_5575768a8748004e209b776fc1b2916d.png) [@Paidge](https://forum.duniter.org/u/Paidge)
#### Post date: [24 January 2022 09:31 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/85 "2022-01-24T09:31:44Z")

</div>

Oui, tu as raison et je me suis déjà fait la remarque plusieurs fois. Je m’étais dit que je verrai plus tard car, comme j’ai implémenté un mode sombre et un mode clair, c’est un casse-tête que je ne voulais pas m’imposer tout de suite. Comme tu l’as sûrement remarqué, j’utilise Bootstrap et modifier les couleurs des thèmes devrait être assez facile.

---

<div class="post-metadata">

### Author: ![CaTasTrOOf](https://forum.duniter.org/letter_avatar/catastroof/32/5_5575768a8748004e209b776fc1b2916d.png) [@CaTasTrOOf](https://forum.duniter.org/u/CaTasTrOOf)
#### Post date: [24 January 2022 09:44 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/86 "2022-01-24T09:44:51Z")

</div>

Les couleurs de bootstrap sont plutôt contrastées (notamment pour les badges). Là, on est plus sur les couleurs du thèmes.

J’essai de faire une passe dessus dès que j’aurais bien avancé sur ma page de prévisions de sorties 😉

---

<div class="post-metadata">

### Author: ![Paidge](https://forum.duniter.org/letter_avatar/paidge/32/5_5575768a8748004e209b776fc1b2916d.png) [@Paidge](https://forum.duniter.org/u/Paidge)
#### Post date: [24 January 2022 09:50 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/87 "2022-01-24T09:50:33Z")

</div>

Cool 🙂 Merci. Je viens d’implémenter la possibilité d’enregistrer des membres en favori dans le localstorage du navigateur. Il reste plus qu’à les afficher dans une page /favoris 🙂

 ![image](https://forum.duniter.org/uploads/default/original/2X/9/98f0a1fb0645198576fb980f68873d5ed16a5d66.png)

---

<div class="post-metadata">

### Author: ![kapis](https://forum.duniter.org/user_avatar/forum.duniter.org/kapis/32/7287_2.png) [@kapis](https://forum.duniter.org/u/kapis)
#### Post date: [17 February 2022 11:39 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/88 "2022-02-17T11:39:24Z")

</div>

Sorry I finally got time to proofread the spanish translations. here we are:

> **[Improved spanish translation after reviewing (!16) · Merge requests · clients...](https://git.duniter.org/clients/wotwizard-ui/-/merge_requests/16)**
>
> Interface pour Wotwizard en VueJS avec NuxtJS https://wotwizard.axiom-team.fr

ur app is looking really great

---

<div class="post-metadata">

### Author: ![Paidge](https://forum.duniter.org/letter_avatar/paidge/32/5_5575768a8748004e209b776fc1b2916d.png) [@Paidge](https://forum.duniter.org/u/Paidge)
#### Post date: [17 February 2022 16:10 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/89 "2022-02-17T16:10:52Z")

</div>

> [@kapis](#):
>
> ur app is looking really great

Thanks, I’m actually improving the front by migrating to Bootstrap v5. I’ll review your contribution tonight or tomorrow 🙂

---

<div class="post-metadata">

### Author: ![Paidge](https://forum.duniter.org/letter_avatar/paidge/32/5_5575768a8748004e209b776fc1b2916d.png) [@Paidge](https://forum.duniter.org/u/Paidge)
#### Post date: [18 February 2022 15:56 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/90 "2022-02-18T15:56:18Z")

</div>

[Wotwizard-UI](https://wotwizard.axiom-team.fr) est disponible en version 1.0.0. Cette webApp peut s’installer en local, est multilangue (4 langues), accessible (même si y’a encore des points d’amélioration), responsive de 320px à 1920px min et vous permettra de suivre les entrées et les sorties de la Toile de Confiance ainsi que de suivre vos contacts proches pour éviter qu’ils ne perdent leur statut de membre. D’autres fonctionnalités sont déjà en prévision. Merci à tous les contributeurs.

---

<div class="post-metadata">

### Author: ![Paidge](https://forum.duniter.org/letter_avatar/paidge/32/5_5575768a8748004e209b776fc1b2916d.png) [@Paidge](https://forum.duniter.org/u/Paidge)
#### Post date: [22 February 2022 19:26 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/91 "2022-02-22T19:26:46Z")

</div>

La version 2.0.0 corrige des bugs, améliore l’interface et l’accessibilité, permet de voir les certifs périmées et affiche une alerte pour indiquer des infos claires à l’utilisateur. N’hésitez pas [à créer un ticket](https://git.duniter.org/clients/wotwizard-ui/-/issues) pour tout rapport de bug ou demande de fonctionnalités.

---

<div class="post-metadata">

### Author: ![Paidge](https://forum.duniter.org/letter_avatar/paidge/32/5_5575768a8748004e209b776fc1b2916d.png) [@Paidge](https://forum.duniter.org/u/Paidge)
#### Post date: [24 February 2022 19:25 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/92 "2022-02-24T19:25:38Z")

</div>

J’ai testé l’appli en tant qu’extension pour Firefox mais j’avais un souci de `Content Security Policy` ( la fonction `eval()` est utilisée par Vue.js et est interdite par défaut). L’appli se charge bien mais une 404 est affichée au chargement.

Du coup, j’ai tenté une redirection sur la page d’accueil lors d’une 404 et ça passe. Alors, j’ai proposé le module sur [https://addons.mozilla.org](https://addons.mozilla.org). J’attends la validation.

---

<div class="post-metadata">

### Author: ![Paidge](https://forum.duniter.org/letter_avatar/paidge/32/5_5575768a8748004e209b776fc1b2916d.png) [@Paidge](https://forum.duniter.org/u/Paidge)
#### Post date: [25 February 2022 19:30 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/93 "2022-02-25T19:30:09Z")

</div>

Wotwizard UI peut être installé en webApp via Chrome (toutes plateformes) et sur Firefox pour Androïd. Si vous utilisez Firefox pour PC, vous pouvez maintenant l’installer en extension 😉

> **[Wotwizard UI – Adoptez cette extension pour 🦊 Firefox (fr)](https://addons.mozilla.org/fr/firefox/addon/wotwizard-ui/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search)**
>
> Télécharger Wotwizard UI pour Firefox. Le magicien de la toile de confiance

---

<div class="post-metadata">

### Author: ![lascapi](https://forum.duniter.org/user_avatar/forum.duniter.org/lascapi/32/7155_2.png) [@lascapi](https://forum.duniter.org/u/lascapi)
#### Post date: [7 March 2022 19:47 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/94 "2022-03-07T19:47:06Z")

</div>

Wooow ! Je viens d’installer l’extension pour Firefox et je suis bluffé par le résultat !!! C’est a des années lumières du site. C’est joli et ergonomique ! 😍  
Bravo et merci 🥰 👏

---

<div class="post-metadata">

### Author: ![kapis](https://forum.duniter.org/user_avatar/forum.duniter.org/kapis/32/7287_2.png) [@kapis](https://forum.duniter.org/u/kapis)
#### Post date: [24 March 2022 12:41 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/95 "2022-03-24T12:41:48Z")

</div>

![image](https://forum.duniter.org/uploads/default/original/2X/d/d0d73786b48deb8a8e7181442c0eb99522fdea09.png)

Personnellement, je n’attacherais pas tant d’importance au fait qu’un membre ait ses certifications gelées avec une si grande banner d’information, on peut déjà le voir dans le champ du tableau.

Je pense que la phrase “Ce membre n’est pas disponible pour certifier…” n’est pas tout à fait correcte… même si nos certifications sont gelées (pas libres de devenir effectives), nous pouvons toujours certifier qui nous voulons…

Je changerais la phrase dans le tableau “Disponible pour certifier :”.

en “Les certifications sont libres pour devenir effectives” ou quelque chose de similaire.

Gracias!

---

<div class="post-metadata">

### Author: ![Paidge](https://forum.duniter.org/letter_avatar/paidge/32/5_5575768a8748004e209b776fc1b2916d.png) [@Paidge](https://forum.duniter.org/u/Paidge)
#### Post date: [24 March 2022 12:51 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/96 "2022-03-24T12:51:56Z")

</div>

> [@kapis](#):
>
> on peut déjà le voir dans le champ du tableau

Tout à fait. J’ai implémenté cette bannière pour afficher, de manière claire et visible, des informations importantes qui sont déjà affichées sur la page du membre. D’où cette impression de redondance. Cela évite au visiteur de chercher dans les tableaux. La bannière peut être fermée donc je ne pense pas que ça gène tant que ça l’ergonomie du visiteur.

> [@kapis](#):
>
> Je changerais la phrase dans le tableau « Disponible pour certifier : ».

Pourquoi pas. Par contre, il ne faut pas que la chaîne de caractères soit trop longue (surtout en allemand) sinon ça peut “casser” la mise en page sur certaines résolutions.

---

<div class="post-metadata">

### Author: ![kapis](https://forum.duniter.org/user_avatar/forum.duniter.org/kapis/32/7287_2.png) [@kapis](https://forum.duniter.org/u/kapis)
#### Post date: [24 March 2022 13:00 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/97 "2022-03-24T13:00:41Z")

</div>

Je comprends.  
Pourquoi pas quelque chose de court comme

Certifications libres  
Certifications applicables  
Certifications effectuables  
Certifications can be passed  
etc…

?

---

<div class="post-metadata">

### Author: ![Paidge](https://forum.duniter.org/letter_avatar/paidge/32/5_5575768a8748004e209b776fc1b2916d.png) [@Paidge](https://forum.duniter.org/u/Paidge)
#### Post date: [24 March 2022 13:13 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/98 "2022-03-24T13:13:05Z")

</div>

Dans la documentation Wotwizard de @gerard94, ce champ est intitulé :  
`minDatePassed` : `Minimum date of next sent certification is passed (Boolean)`  
Si d’autres personnes trouvent que l’intitulé `Disponible pour certifier` n’est pas assez précis, faites vos propositons 😉

---

<div class="post-metadata">

### Author: ![CaTasTrOOf](https://forum.duniter.org/letter_avatar/catastroof/32/5_5575768a8748004e209b776fc1b2916d.png) [@CaTasTrOOf](https://forum.duniter.org/u/CaTasTrOOf)
#### Post date: [24 March 2022 13:17 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/99 "2022-03-24T13:17:29Z")

</div>

Moi je ne suis pas d’accord en fait. Avec Duniter V2, ce sera impossible. Mon avis est que cela permet d’éduquer les gens sur ce point.

- Il **ne faut pas certifier** plus d’une fois tous les 5 jours.
- Pour les futurs nouveau membres, il faut que les 5 nouveaux certifieurs le fasse en même temps et qu’ils soient tous disponible réellement. Cela évite les problèmes que certains rencontres car les validations ne se font pas par ordre d’ancienneté

---

<div class="post-metadata">

### Author: ![gerard94](https://forum.duniter.org/user_avatar/forum.duniter.org/gerard94/32/58_2.png) [@gerard94](https://forum.duniter.org/u/gerard94)
#### Post date: [24 March 2022 16:43 UTC](https://forum.duniter.org/t/wotwizard-ui/8939/100 "2022-03-24T16:43:47Z")

</div>

Ou : les certifications de ce membre ne seront pas effectives avant …

[Previous page](https://forum.duniter.org/t/wotwizard-ui/8939.md?page=4)

[Next page](https://forum.duniter.org/t/wotwizard-ui/8939.md?page=6)
