issue_4469_bis : refacto des boutons de l'espace privé
Cf. ticket #4468 (closed)
Refacto et uniformisation des différents boutons de l'espace privé :
- les boutons des formulaires:
<input type="submit">
et<button>
- les boutons d'actions :
#BOUTON_ACTION
- les icônes :
[(#URL|icone_horizontale{…})]
- ajout d'une nouvelle classe générique
.bouton
à utiliser sur des liens :<a href="…" class="bouton">
Permet d'utiliser le paramètre action
du filtre icone_xxx
en tant que classe sur les autres boutons : new
, add
, del
, edit
et config
. Cela ajoute l'icône appropriée.
On complète cette liste avec d'autres actions génériques : config
, import
, export
, ouvrir
et fermer
.
On peut aussi ajouter n'importe quelle icône dans le HTML : <a class="bouton"><img class="icone-image" />…</a>
Ajoute également quelques classes modificatrices :
-
.principal
: habillage plus prononcé -
.secondaire
: habillage en retrait (juste une bordure) -
.bloc
: pleine largeur -
.s16
,.s24
,.s32
: tailles (on aurait plus faire .petit, .moyen et .grand, mais c'est histoire de reprendre les classes existantes sur .icone) -
.desactive
: bouton non cliquable -
.groupe-boutons
: à mettre sur un conteneur pour regrouper des boutons ensembles.
À noter que cela déprécie la combinaison #BOUTON_ACTION + classe .icone.
Bien sûr tout ça à vocation à être documenté dans la charte du plugin dev.
Pour avoir une idée du rendu :
- rapide screencast (pas à jour, quelques ajustements ont été faits depuis) : https://medias.spip.net/medias/video-tutorials/article/ticket-4468-1
- un squelette à placer dans prive/squelettes/contenus pour tester : http://spip.pastebin.fr/67258
Et pour conclure : dans un 1er temps la différence sera à peine notable. Il ne s'agit pas d'inciter à mettre des icônes partout dans tous les sens, ce sont juste des possibilités supplémentaires à utiliser à bon escient. L'idée 1ère était surtout d'avoir plus facilement des icônes pour #BOUTON_ACTION. Puis au fur et à mesure le périmètre s'est un peu élargi.
Nb : si mergé, il vaut sans doute mieux squasher tout ces commits