Re: [Galette-devel] Présentation et proposition d'interface

[Johan Cwiklinski <johan@xxxxxxxx>]

Bienvenue à toi :)

Le 02.10.2019 21:59, Guillaume AGNIERAY a écrit :
> Ce que je propose, c'est une refonte de la navigation et l'utilisation
> d'un framework CSS/JS pour simplifier les templates et offrir une
> version mobile plus moderne et plus homogène de Galette.

C'était le but de départ, mais aussi d'utiliser quelque chose qui soit 
documenté ailleurs que dans mon esprit ;)

Je n'avais pas conscience que SemanticUI n'était plus maintenu...
Mais utiliser du coup un fork qui reste maintenu me convient globalemnt.

> [...]
> Je pense vraiment que c'est une piste très intéressante. Elle
> permettrait assez rapidement une refonte assez conséquente de l'IHM.
> Une bonne partie des composants jquery-ui pourraient dans l'absolu être
> remplacés progressivement par ce biais si leur équivalent dans Semantic
> UI ne remet pas totalement en cause la partie fonctionnelle en place.
> Et si ce n'est pas possible simplement il peuvent continuer à coexister
> ensemble (de ce que j'ai pu expérimenter, je ne suis tombé sur aucun
> conflit pour le moment).

Alors, globalement, oui, ça me semble intéressant oui, merci :) Il y a 
des points sur lesquels je suis moins d'accord, mais ça relève du détail 
pour le moment.

Globalement, penses que les plugins peuvent ajouter des entrées à 
certains endroits ; maps et paypal mettent le menu du haut de travers 
assez efficacement :D

J'aurai probablement des remarques d'ordre global sur l'interface ; deux 
trois petites choses qui ne me conviennent pas au premier abord. 
Toutefois, je me réserve un temps d'adaptation, histoire de prendre un 
peu de recul, et de ne pas prendre la nouveauté comme un problème :p

Outre l'affichage principal, les pages les plus compliquées à migrer 
selon moi sont :
- préférence,
- gestion des champs et de leurs droits,
- gestion des groupes,
- formulaire adhérent (pour le coup, c'est techniquement que c'est pas 
facile).

Les autres pages du coeur - à quelques détails près - sont pas mal 
similaires (techniquement comme visuellement).

J'ai créé un ticket pour suivre ça :
https://bugs.galette.eu/issues/1324

Et l'ai soumis au vote :
https://vote.galette.eu/posts/52/rework-ui-and-use-a-framework

> Dans les 2 cas une étape supplémentaire est nécessaire après le clone
> et composer install : il faut installer les dépendances de Fomantic UI
> et compiler les CSS et JS. La première commande doit être lancée dans
> le dossier galette où se trouvent les fichiers package.json et
> semantic.json.
>
> $ npm install
> $ cd semantic
> $ gulp build

Hum... Sauf erreur de ma part, ces fichiers sont prévus pour être servis 
sur le web, et devraient donc être dans webroot, non (webroot/js même) ?

Sinon, avec cette solution, je me retrouve avec un node_modules de 
107Mio et un Semantic de 7,5Mio.

Je sais que c'est de l'ordre du normal, mais quelle solution pour une 
release ? Ce n'est pas forcément une urgence d'avoir une solution, mais 
c'est un point à prendre en considération.
Note : le script présent dans bin/release installe les dépendances 
composer et les nettoie avant la création de l'archive. Peut-être la 
solution sera-t-elle similaire ? Je n'ai pas trop d'expérience sur la 
distribution de ce genre de choses :/

Et pour finir, je ne serai pas mécontent de virer jqueryui, une mise à 
jour serait compliquée maintenant, et je préférerai nettement une 
solution plus globale côté interface.

Je n'ai pas encore regardé côté code, mais ce n'est pas vraiment un gros 
soucis je pense ;)

Sur une note plus générale, j'ai toujours fait en sorte (dans la mesure 
du possible) de faire en sorte que Galette soit accessible, et soit en 
mesure de fonctionner sans javascript.
Pour certains points, c'est impossible de se passer complètement de JS, 
et ça ne va pas aller en s'améliorant ; mais sans JS (notamment en cas 
d'erreur de ce dernier), on devrait toujours pouvoir faire le minimum 
syndical (une espèce de mode dégradé).

Voilà voilà !

++
--
Johan

--
Galette development - http://galette.eu/

List documentation: https://listengine.tuxfamily.org/lists.galette.eu/devel/