[TUTO noodom] nouveau menu nooNeumorphism

bonjour @noodom
j’utilise ton excellent Menu by Nodom via Pimp MyJeedom (excellent aussi) pour me faire facilement un design avec multi page
c’est vraiment très simple à mettre. Il est basé sur FSB33, meme s’il est très bien il n’est pas aussi joli et au gout du jour que ton nouveau nooNeumorphism
est t’il possible de porte ce nouveau menu (et pourquoi pas tous tes menus) sur Pimp My Jeedom ?

C’est ce qui est prévu😉
Mais ça demande de passer du temps, il peut y avoir pas mal d’adaptations pour l’intégrer au plugin correctement.

:shushing_face:

1 « J'aime »

merci pour le retour rapide
je me doute que c’est du boulot
bonne nuit !
(moi c’est le jour 11:20, je suis à Nouméa en Nouvelle-Calédonie) :yum:

Ah oui, en effet joli décalage :partying_face: Bonne journée pour le coup !

:warning: Simplification de l’installation avec la création d’un nouveau scénario nooMenusFilesDownload.json :
Il suffit de préciser le nom du menu au niveau du tag menuName et d’exécuter le scénario.
=> Les fichiers du menu et le fichier .htaccess seront recopiés sous /data/menusNoodom

Le détail de l’installation est mis à jour dans le README du github.
Le paramétrage du menu est présent ici : /data/menusNoodom/menuNooNeumorphism/json/perso.json

Merci de vos retours.

Nouveautés :

  • Nouveau paramètre « reload_active_button » : 1 pour forcer le rechargement du contenu d’un bouton déjà sélectionné, 0 pour ne pas recharger le contenu

  • Possibilité de modifier l’emplacement du menu en modifiant la variable menuName dans index.html :

Il faudra alors respecter la sauvegarde des fichiers de configuration ici : /data/menusNoodom/menuName/perso.css et /data/menusNoodom/menuName/perso.json

J’ai changé le non du menu (le nom du répertoire contenant les répertoires js et css) ==> ok
menuNooNeumorphism ==> MenuPrincipal-H ==> ok
J’ai même renommé les fichiers css et js ==> ok
Perso.css et perso.json ==> MenuPrincipal-H.css et .json ==> ok
J’ai voulu voir si je pouvais aller plus loin pour obtenir ce que je disais précédemment ( à savoir :
Adapter le nom des menus à mon installation, mes designs, etc… Pour pouvoir me retrouver dans mes menus et surtout dans 6 mois, 1 an etc…)
J’ai renommé le répertoire menusNooDom ==> cela ne fonctionne plus. Cela reste bloqué sur « Chargement du menu… »
menusNooDom ==> LesMenus ==> bloqué sur « Chargement du menu… »
cordialement
Yves

Ce n’est pas forcément l’idée :

  • actuellement tous les menus sont regroupés sous un seul répertoire /data/menusNoodom pour justement ne pas les installer partout et pouvoir les retrouver facilement. De plus c’est nécessaire pour prendre en compte les nouvelles sécurités Jeedom

  • Je n’ai pas tout suivi tes modifications (manque de precisions sur l’ensemble de tes modifications) mais le menu ne peut pas deviner tous les changements de nom de répertoires et fichiers :thinking: donc si tu modifies tout, ça sera à toi de modifier le code en conséquence, avec perte de support car ça deviendrait trop compliqué pour moi de suivre les modifications de code de chacun comme tu peux imaginer.

Déjà avec ma dernière modification, tu peux renommer le nom du menu et donc le retrouver très facilement avec le bon nom personnalisé, non ?

Je m’efforce de rendre les menus les plus génériques possibles, en ajoutant aussi de nombreux paramètres pour s’adapter au Jeedom de chacun mais je ne peux pas faire de fonctionnalités personnalisées pour chacun :wink:

Oui et je te remercie très sincèrement de ton travail.
Et je m’en satisferai grandement.

Je souhaitais juste pouvoir regrouper effectivement tous mes menus.
Très cordialement
Yves

Hello

@noodom

J’ai mis en place le menu, mais une fois mis en place , quelque soit mon navigateur ma page internet qui est ouvert ne fais que de ce rechargé .

Salut,

Tu as bien respecté l’ordre d’ajout des 2 htmlDisplay ?
Dans perso.json, tu n’as pas d’id 1 de déclaré ?
Tous tes id déclaré dans perso.json pointent vers des designs existants dans ton Jeedom ?

Hello

Oui j’ai bien respecté l’ordre

Mais avant de l’appliqué j’avais deja mis en place 2 design avec ceci

https://codepen.io/AlbertFeynman/pen/mjXeMV

Sauf qu’il marche pas , car je me tape une erreur de ce style

Citation
http://192.168.0.10:81/index.php?v=d&p=plan&plan_id=4 1 Uncaught SyntaxError: Identifier ‹ lis › has already been declared

C’est pour ca que j’ai voulu ensuite installé ton design

PS: Tu l’aurais pas fait en black « nooneumorphism » ? :yum: :stuck_out_tongue: :stuck_out_tongue_winking_eye:

Helloo,

Tu as réussi à installer le menu ?
Sinon, tu peux préciser l’id du design de ton menu et envoyer ton fichier perso.json ?

L’autre menu, je le connais bien puisque je l’ai déjà intégré. J’ai prévu de le réintégrer pour les dernières versions de Jeedom avec ma nouvelle méthode d’intégration par frame.

:boom: Nouveau paramètre pour choisir le thème du menu : "dark_mode" (à modifier dans le fichier de paramétrage du menu : data/menusNoodom/menuNooNeumorphism/json/perso.json) :

  • "jeedom" : menu respectant le thème courant de Jeedom
  • "dark" : menu avec un thème dark
  • "light" : menu avec le thème clair

Installation :

  • Ce paramètre sera présent sur une nouvelle installation
  • Pour inclure ce nouveau paramètre sur une installation existante, il suffit de récupérer le fichier index.html à recopier dans le htmlDisplay du menu et de récupérer le fichier perso.json.

Bonsoir, au final j’ai changé pour ce mode.
J’ai suivi encore la même méthode mais j’ai du le faire manuellement.
Je ne suis pas doué lol.

Bravo pour ces menus qui sont magnifique @noodom .
Mais j’ai aucun lien qui renvoie vers les pages.
J’ai bien mis les numéros de pages 1,2 et 3 sur 3 icons. J’ai supprimé les autres boutons.
J’ai mis en vertical le menu.
Si j’ai bien compris « jeedom », cela signifie le menu en dark la nuit et light le jour?

Hello,

Merci pour ton retour, ça fait toujours plaisir :wink:

Tu as bien récupéré les ids des designs vers lesquels tu veux renvoyer la sélection des boutons du menu pour ensuite les renseigner dans le ficher perso.json ? tu parles des chiffres 1, 2 et 3 : ce sont ces valeurs que tu as mises ? ça expliquerait le problème car il ne faut absolument que ces chiffres correspondent aux designs que tu souhaites afficher (Pour les trouver, passes sur la liste des designs dans le menu Jeedom, tu verras l’url en bas du navigateur avec le paramètre plan_id=9 par exemple et donc il faut mettre 9 dans le ficher perso.json)

Sinon, le paramètre « dark_mode » : « light » permet de suivre la configuration du thème proposée par Jeedom (Règlages/système/Configuration puis onglet Interface/Thème)

Mes id de plan sont bien 1, 2 et 3.

Cela fonctionnait bien sur l’ancien menu que j’avais utilisé.

Si tu mets le debugger du navigateur (F12), tu as des erreurs au lancement du menu et de la sélection d’un bouton ?

Voila ce que j’ai trouvé avec 2 navigateurs

Les photos que j’ai vu avec chrome



J’ai fermé kaspersky mais ce n’est pas lié même si j’ai un message rouge.

Vu avec Edge:
debug3

la frame de contenu n’est pas présente : tu as bien créé le htmlDisplay comme indiqué dans la documentation ?