1 17-03-2023 21:28 -

Bonjour,

Il y a quelques semaines, j'avais développé un petit mod suite à un message de Katryne.

Je suis reparti de cet essai pour développer un nouveau mod pour optimiser la barre de menu principale que je trouve "chaotique, pas homogène" (suis du même avis que Katryne). Qu'est-ce qui me dérange dans la barre de menu standard ?

- "Chercher" et "Chercher": on ne peut pas dire que ce soit clair d'avoir un bouton "Chercher" et, un peu plus loin, un menu déroulant "Chercher". En anglais, ils écrivent "Search" et "Find", mais, pour moi, ce n'est pas plus clair. Le mod permet de supprimer le premier "Chercher" et de l'inclure au sommet du menu déroulant sous le nom de "Recherche rapide".
- "Connexion" et "Déconnexion": cela prend beaucoup de place pour une opération qu'on ne fait qu'une fois par session. Le mod permet d'envoyer cette sélection à l'extrême droite de l'écran.
- "Home": je trouve que ce gros bouton est de la place perdue. On peut revenir à la page d'accueil en cliquant dans l'en-tête de la page.
- "Langue": le mod supprime l'option de langue à l'extrême droite de l'écran et il en fait un menu déroulant.
- "Modifier le profil": cette option est bizarrement placée au-dessus de la barre de menu. Le mod l'intègre dans le menu déroulant "Info". C'est moins vilain et, comme on ne modifie pas son profil toutes les cinq minutes, on ne perd rien.

Je joins quelques copies d'écran faites en utilisant le thème 21, mais le mod devrait fonctionner avec presque tous les thèmes. Je l'ai principalement testé avec les thèmes 19, 21 et 243.

Tous les déplacements de boutons sont optionnels, donc si certains vous plaisent et d'autres pas, vous choisissez ce qui vous convient.

Pendant le développement, j'ai été confronté à répétition avec le fait que les thèmes de Marsha ne sont pas parfaitement "responsive". Avec la barre de menu standard, on se retouve avec des options qui changent de position (dans la barre, sous la barre, au-dessus de la barre) selon la largeur de l'écran, selon le contenu des menus et selon la langue. Le mod ne s'attaque pas directement à ce problème, mais en rendant les menus plus compacts, on libère de la place et les positionnements bizarres deviennent moins fréquents.

Assez expliqué! Voici quelques copies d'écran:

---

Barre de menu sans le mod:
https://agora.chauvigne.info/uploads/images/2023/03/17/menubar_without.png

---

Barre de menu avec le mod:
https://agora.chauvigne.info/uploads/images/2023/03/17/menubar_t21.png

---

La recherche rapide dans le menu déroulant de la recherche:
https://agora.chauvigne.info/uploads/images/2023/03/17/menubar_recherche_rapide.png

---

Modifier le profil, avec le mod, c'est sous "Info":
https://agora.chauvigne.info/uploads/images/2023/03/17/menubar_modifier_le_profil.png

---

Et on peut toujours ajouter des menus déroulants complémentaires:
https://agora.chauvigne.info/uploads/images/2023/03/17/menubar_sosa.png

---

Pouvez-vous jeter un coup d'oeil aux copies d'écran et les critiquer avant que le mod ne soit publié ? Merci.

Jean-Luc

2 17-03-2023 21:55 -

Mouiiiii . T'as demandé notre avis, tu vas être servi... en toute amitié, hein !
Tout d'abord Jean-Luc, merci de t'être emparé du problème.
C'est chouette les regroupements et les relocalisations, on gagne de la place.
Mais (ça commence !) j'aime bien le lien d'accueil en début de menu : pour faire plus court, on pourrait remplacer par une icône avec une tite maison, toute petite.
Je préférerais un peu plus de standardisation :
- Les titres initiaux des menus déroulants me semblent alignés sur la flèche, quelle que soit la largeur du titre, ce qui entraîne des espaces inégaux entre ces menus.
- les menus de droite sont tout petits tout mignons : pourquoi pas la même taille de police que ceux de gauche ?
- perso, j'aime pas trop les menus dans le header. Mais il est vrai que je n'ai pas autant de menus que toi.

D'autant plus que moi j'ai supprimé le côté papa/côté maman.

Voilà, c'est tout, pour le moment...

3 17-03-2023 21:55 -

Merci Jean-Luc.
Méiléoulemod?

Ce serait bien d'en avoir copie pour tester avec d'autres templates / mods.
Michel

4 17-03-2023 22:26 -

Pour Katryne: merci pour tes commentaires.
- la petite maison pour "Home", j'aime bien l'idée. Je pourrais le proposer en option: soit "Accueil" (comme dans le menu standard), soit rien, soit la maison.
- pour les menus déroulants, je suis la même règle que le menu standard. Chaque menu déroulant a la même largeur et donc effectivement, si le titre est "INFO", il y a plus d'espace libre que quand le titre est "CHERCHER". Des espaces égaux seraient peut-être (?) plus joli, mais cela compliquerait les choses, parce que si c'est plus étroit à cause du titre, les options dans le menu seraient alors coincées dans un petit espace.
- j'ai laissé le menu de droite dans la taille qu'il a dans le menu standard. Je ferai des essais en mettant la même taille qu'à gauche pour voir ce que ça donne.
- les menus dans le header sont propres au thème 21. Je n'y ai pas touché, parce que le mod se veut indépendant du thème. Ce menu du header n'existe pas dans les thèmes 19 et 243 que j'ai utiisés pour mes tests.

Pour Michel: je t'enverrai une copie du mod au début de la semaine prochaine, après y avoir encore apporté quelques petits changements.

Jean-Luc

5 18-03-2023 05:02 -

Pour les menus déroulants, est-il possible d'avoir :
- pour le lien de menu initial, dans la barre, enroulé, un positionnement avec un margin de x pixels après le dernier caractère du lien de menu précédent. Ou une largeur proportionnelle au nombre de caractères.
- une largeur fixe pour la "boîte" des items déroulés en-dessous, qui partirait à l'aplomb du 1er caractère du lien de menu enroulé. Heu, enfin, largeur peut-être pas  fixe s'il y a des liens à rallonge.

Mais là, je ne sais pas si ça relève du html ou du css et ça va être compliqué pour rester indépendant du thème.

6 18-03-2023 08:53 -

Merci pour tes commentaires. Je vais largement suivre tes suggestions.

1. Je vais adopter l'alignement systématique sur la flèche du titre du menu déroulant, y compris pour le dernier menu déroulant.

2. Pour le titre du menu déroulant, je vais essayer de mettre un écart de x pixels entre deux titres successifs de menu déroulant. C'est vrai que cela améliorera la présentation.

3. Contrairement à ce que j'indiquais dans mon message précédent, cela ne devrait pas impliquer que la liste déroulée ait la même largeur que le titre. Une largeur fixe pour la liste déroulée me semble indispensable. La largeur actuelle me semble convenir. Pour moi, elle est assez large sans être encombrante.

Jean-Luc

7 22-03-2023 13:32 -

Le mod est publié: Menubar Optimizer

L'adaptation automatique de la barre de menu à la taille de chaque titre est implémentée. Du coup, l'écart de x pixels entre deux titres successifs l'est aussi. C'est quasiment indispensable dans certaines langues.


En islandais, sans le mod:
https://agora.chauvigne.info/uploads/images/2023/03/22/without_menubar_optimizer_icelandic_t243.png

Et avec le mod:
https://agora.chauvigne.info/uploads/images/2023/03/22/with_menubar_optimizer_icelandic_t243.png


Le bouton Connexion/Déconnexion est remplacé par un bouton Connexion qui devient un menu déroulant avec Déconnexion, Administration et Edition du profil.

Connexion:
https://agora.chauvigne.info/uploads/images/2023/03/22/menubar_optimizer_connexion_t243.png

Le nom de l'utilisateur connecté et le menu déroulant:
https://agora.chauvigne.info/uploads/images/2023/03/22/menubar_optimizer_deconnexion_admin_profil_t243.png


Merci à Katryne et Michel pour les tests, commentaires, conseils et suggestions.

Jean-Luc

8 22-03-2023 14:51 -

Jean-Luc, t'as presque pas eu de travail pour ce mod, c'est comme si Michel et moi (surtout moi) on dictait, et que toi tu écrivais. Je trouve qu'on mérite bien ce merci (surtout moi).
Blague à part, reçois aujourd'hui ma reconnaissance éternelle, jusqu'à la nuit des temps. (Là j'en fais peut-être un peu trop).

9 22-03-2023 14:58 -

Katryne a écrit:

Jean-Luc, t'as presque pas eu de travail pour ce mod

Quand on est retraité, faut s'occuper sainement et maintenir ses neurones en activité wink

Jean-Luc

10 22-03-2023 15:25 -

Jean-Luc, j'ai quand même un souci : autant j'ai pu installer la beta, autant la version définitive veut rien savoir :

ligne 28: %target genlib.php vérifié
ligne 32: %parameter $home_button_removed:false
ligne 40: %parameter $search_button_removed:true
ligne 48: %parameter $log_button_modifier:1
ligne 57: %parameter $profile_button_removed:true
ligne 66: %parameter $language_button_removed:true
ligne 74: %parameter $auto_adjust_width_of_dropdown_menu_titles:true
ligne 82: %location #1 %insert:after pas installé
ligne 101: %location #2 %insert:before pas installé
ligne 111: %location #3 %insert:before pas installé
ligne 123: %location #4 %insert:before pas installé
ligne 134: %location #5 %insert:before pas installé
ligne 147: %location #6 %insert:before pas installé
ligne 158: %location #7 %insert:before pas installé
ligne 170: %location #8 %insert:after pas installé
ligne 199: %location #9 %insert:before pas installé
ligne 211: %location #10 %insert:before pas installé
ligne 221: %location #11 %insert:after pas installé
ligne 235: %location #12 %insert:before pas installé
ligne 251: %location #13 v474 %insert:before Mauvaise cible
ligne 263: %location #14 %insert:after pas installé etc

Est-ce que ce serait en relation avec la modif de Michel pour genlib, telle qu'exposée là : https://agora.chauvigne.info/viewtopic. … 2580#p2580

11 22-03-2023 15:38 -

La %location ligne 251 est un peu trop importante et viens "mordre" dans le menu manager déjà installé.

Jean-Luc, si tu utilises %insert:before, un morceau de code est suffisant pour localiser l'endroit.
Dans ce cas, la première ligne est sufisante :

%location:%
                $fullmenu .= "<a href=\"#\" onclick=\"jQuery('#searchdrop').slideUp(200);return false;\" style=\"float:right\"><img src=\"{$cms['tngpath']}img/tng_close.gif\" alt=\"\"/></a>";

et même,
%location:%
                $fullmenu .= "<a href=\"#\"

suffirait.

Michel

12 22-03-2023 15:50 -

Faut dire aussi que sur 10 lignes, 4 mods viennent s'installer :
Menu Manager, Menu Optimizer, Alternate spellings et Associate names !!!

Si on a bien travaillé, l'ordre d'installation ne doit pas poser de problème...

Mais quand je vois le code après l'installation des 4 mods, j'ai un peu la chair de poule...

Michel

                // Menubar_Optimizer (Mod start)
                global $sitever, $search_button_removed;
                if ( $sitever == "mobile" || !$search_button_removed ) {
                // Menubar_Optimizer (Mod end)

                $fullmenu .= "<a href=\"#\" onclick=\"jQuery('#searchdrop').slideUp(200);return false;\" style=\"float:right\"><img src=\"{$cms['tngpath']}img/tng_close.gif\" alt=\"\"/></a>";
// BEGIN Menu manager Mod - MichelKirsch - #5
            global $extspath;
            include ($extspath . "/menu_manager_vars.php");
            if ($show_menu_searchsitemenu)
                $fullmenu .= "<span class=\"subhead\"><strong>{$text['search']}</strong> | <a href=\"$searchform_url\">{$text['mnuadvancedsearch']}</a> | <a href=\"$famsearch_url\">{$text['searchfams']}</a> | <a href=\"$searchsite_url\">{$text['searchsitemenu']}</a></span><br/><br/>";

                // Menubar_Optimizer (Mod start 1)
                }
                // Menubar_Optimizer (Mod end 1)

            else
                $fullmenu .= "<span class=\"subhead\"><strong>{$text['search']}</strong> | <a href=\"$searchform_url\">{$text['mnuadvancedsearch']}</a> | <a href=\"$famsearch_url\">{$text['searchfams']}</a> </span><br/><br/>";
// END Menu manager Mod - MichelKirsch
                $fullmenu .= getFORM( "search", "get", "", "") . "\n";
                $fullmenu .= "<label for=\"searchfirst\">{$text['firstname']}: </label><input type=\"text\" name=\"myfirstname\" id=\"searchfirst\"/> &nbsp;\n";
                $fullmenu .= "<label for=\"searchlast\">{$text['lastname']}: </label><input type=\"text\" name=\"mylastname\" id=\"searchlast\"/> &nbsp;\n";
//Mod Associate Names
                $fullmenu .= "<label for=\"assocnameOK\">{$text['assocnames']} ? </label><input type=\"checkbox\" name=\"assocnameOK\" checked>\n";
//Mod Associate Names
// Alternate Spellings Mod - Michel Kirsch
                $fullmenu .= "<label for=\"altspellingsOK\">{$text['altspellings']} ? </label><input type=\"text\" name=\"altspelling\" id=\"searchaltspelling\">\n";
// Alternate Spellings Mod - Michel Kirsch
                $fullmenu .= "<label for=\"searchid\">{$text['id']}: </label><input type=\"text\" class=\"veryshortfield\" name=\"mypersonid\" id=\"searchid\"/> &nbsp;\n";
                $fullmenu .= "<input type=\"hidden\" name=\"idqualify\" value=\"equals\"/>\n";

                // Menubar_Optimizer (Mod start)
                if ( $sitever != "mobile" && $search_button_removed ) {
                    $fullmenu .= "<input type=\"submit\" value=\"{$text['search']}\"/>";

                    $fullmenu .= "<a href=\"#\" onclick=\"jQuery('#searchdrop').slideUp(200);return false;\" style=\"float:right\"><img src=\"{$cms['tngpath']}img/tng_close.gif\" alt=\"\"/></a>";
                    $fullmenu .= "</form>";
                    $fullmenu .= "</div>";
                } else {
                // Menubar_Optimizer (Mod end)

                $fullmenu .= "<input type=\"submit\" value=\"{$text['search']}\"/></form></div>";

                // Menubar_Optimizer (Mod start 2)
                }
                // Menubar_Optimizer (Mod end 2)

13 22-03-2023 15:56 - Dernière modification par Jean-Luc (22-03-2023 15:56)

Jai changé "%location ligne 251" comme tu le suggérais. Maintenant je peux installer Menubar Optimizer et ensuite Menu Manager. Dans l'ordre inverse, ça ne marche pas.

Je vais regarder ça plus en détail.

Jean-Luc

14 22-03-2023 16:52 -

Si menu optimizer est installé en premier, ça à l'air de fonctionner.
Dans l'autre sens, Menu Manager montre partiellement installé...

Menu Manager est "gourmand" et il a déjà plusieurs ordres d'installation.
Ca fera une de plus...
Ne te casse pas trop la tête...

15 22-03-2023 17:00 -

Ok.

J'ai aussi envoyé le mod à Ken et Ron. Ken m'a signalé qu'il y avait un problème avec son "Mobile Site Enhancements". Je vais voir ce que je peux faire.

Jean-Luc

16 22-03-2023 17:12 -

Si je désinstalle Menu Manager, je peux réinstaller Menu Optimizer (sans rien y changer), puis Menu manager, sans problème.

17 22-03-2023 17:24 -

Super.

Sur mobile, le mod ne devrait avoir aucun effet. Je dois faire une correction. Dans cette version, au lieu d'avoir à gauche le menu "Accueil - Chercher - Connexion", on a seulement "Accueil - Connexion". La correction est prête, mais je la posterai avec d'autres pour ne pas multiplier les versions.

Jean-Luc

18 22-03-2023 17:26 -

Jean-Luc a écrit:

J'ai aussi envoyé le mod à Ken et Ron. Ken m'a signalé qu'il y avait un problème avec son "Mobile Site Enhancements". Je vais voir ce que je peux faire.

Oui, Mobile Site a déjà un problème d'installation avec Menu Manager.

https://tng.lythgoes.net/wiki/index.php … n_Problems

19 22-03-2023 17:32 -

Katryne a écrit:

Si je désinstalle Menu Manager, je peux réinstaller Menu Optimizer (sans rien y changer), puis Menu manager, sans problème.

J'ai déjà changé la page de Menu Manager en conséquence...
Michel

20 22-03-2023 17:36 -

Mééééé, maintenant j'ai 2 fois administration et modifier le profil, une fois sous mon nom /connexion et une fois sous Info

21 22-03-2023 17:45 - Dernière modification par Jean-Luc (22-03-2023 17:46)

C'est exact. Je fais ainsi pour ne par perturber ceux qui sont habitués à aller sous Info. Je me suis dit que ça ne gênerait pas les autres, mais je pourrais évidemment changer ça. Cela ferait, sans doute, plus pro que les options n'apparaissent qu'une seule fois.

Encore que, dans la fenêtre "Chercher" (Search) que j'ai rebaptisée "Recherche rapide", il y avait aussi des liens vers "Recherche avancée", "Recherche familles" et "Recherche" qu'on retrouvaient dans le menu déroulant (Find). Dans le mod, j'ai supprimé ces liens qui ne me semblaient pas à leur place dans cette fenêtre.

Jean-Luc

22 22-03-2023 18:23 -

Je suis comme Katryne, j'aime bien ce qui est épuré.
Bouton "haut gauche" Admin et déconnexion en double, et accessoirement Profil illisible
C'est une belle amélioration
JLouis

https://agora.chauvigne.info/uploads/images/2023/03/22/menu.jpg


https://agora.chauvigne.info/uploads/images/2023/03/22/menu2.jpg

23 22-03-2023 18:30 -

Jean-Louis,

Je ne comprends pas bien ton message. Ce sont des barres de menu que tu as customisées ?

Jean-Luc

24 22-03-2023 19:01 -

Oui, j'ai un menu un peu arrangé. Toutefois avec ton mod, les liens Admin et Déconnexion (situés à gauche) sont doublons avec les liens Admin et déconnexion de ton menu Profil.

25 22-03-2023 19:47 -

Moi, ça ne me gêne pas plus que ça, les liens en double. C'est bien beau comme ça. Re-merci !