[TUTO noodom] nouveau menu nooNeumorphism

[noodom]

Hello,

Merci pour ton retour, ça fait toujours plaisir

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)

[cocolabombe0]

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

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

[noodom]

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

[cocolabombe0]

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:

[noodom]

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

[cocolabombe0]

Oui j’ai bien fait ça.
Je viens de rajouter une page vierge avec les 2 contenus

Et j’ai pareil

[noodom]

ton htmlDisplay Contenu est inactif. Il faut l’activer.

[cocolabombe0]

Ha oui j’avais pas fais gaffe. Bon je vais refaire les 2 htmldisplay car j’ai encore un comportement bizarre.
Mais les liens refonctionnent.

Merci beaucoup @noodom

[cocolabombe0]

Bon, je remis le json d’origine.
Refais mes fichiers htmldisplay.
Mais toujours un mauvais menu. J’ai tout supprimé mais ca me refait pareil sur des nouveau modules dès que je met l’équipement menu.
J’ai redémarré le jeedom aussi.
C’est comme ci j’avais plusieurs designs dans les designs.

J’ai repris une ancienne sauvegarde.
J’ai supprimé html Display, remis l’autre menu et j’ai encore la même chose avec l’autre menu. Donc cela ne vient pas de toi. C’est chelou quand même.

[noodom]

Tu peux envoyer ton perso.json ?

[cocolabombe0]

{
   "buttons": [
      {
         "label": "Accueil",
         "link": "1",
         "icon": "fa fa-2x fa-home"
      },
      {
         "label": "Lumières",
         "link": "2",
         "icon": "fa fa-2x fa-lightbulb"
      },
      {
         "label": "Energie",
         "link": "3",
         "icon": "fa fa-2x fa-plug"
      }
   ],
   "parameters": {
      "label": "Noodom",
      "label_first": "0",
      "dark_mode" : "light",
      "reload_active_button": "0",

      "menu_x": "0px",
      "menu_y": "0px",
      "menu_width": "100px",
      "menu_height": "1000px",

      "content_x": "0px",
      "content_y": "0px",
      "content_width": "1280px",
      "content_height": "1000px",
      
      "cursor_color": "#96c927",
      "cursor_default_color": "dimgray",
      "cursor_width": "1.5rem",
      "cursor_height": "0.5rem"
   }
}

[noodom]

Donc un recap pour confirmation :

• tu as bien 3 designs d’ID 1,2,3 qui ne contiennent pas les 2 htmlDisplay . Ils contiennent juste des équipements à afficher.
• tu as un autre design avec un id autre 1,2 ou 3 qui ne contient QUE les 2 htmlDisplay menu et contenu
• tu lances le design qui contient les htmlDisplay
• tu n’as plus d’erreurs dans la console du debugger (liées au menu)

[cocolabombe0]

@noodom

• tu as bien 3 designs d’ID 1,2,3 qui ne contiennent pas les 2 htmlDisplay . Ils contiennent juste des équipements à afficher.
• tu as un autre design avec un id autre 1,2 ou 3 qui ne contient QUE les 2 htmlDisplay menu et contenu

J’ai supprimé toutes les équipements des design.
id 1: Accueil
id 2: Lumière
id 3: Prise
id 4: Menu

Je pense avoir compris pourquoi.
En gros, il faut que j’ouvre forcément le menu vide pour après ouvrir les autres pages.
C’est bien ça?

[noodom]

Oui il faut lancer le design 4 qui contient le menu Et le contenu d’un des designs définis dans perso.json en permanence.

Sélectionner un bouton modifie le contenu du htmlDisplay de contenu par un autre design de contenu parmi ceux de perso.json

[cocolabombe0]

Ca fonctionne comme ça mais j’ai un comportement différent quand même avec 2 menus différents (nooNeumorphism en 1920x1080 [vertical] et nooNeumorphism-tablette en 1280x800 [horizontal]).

Je ne peux pas contrôler si ça faisait le même comportement mais c’est un peu différent là.
Je m’explique. Quand je clic sur Accueil (pas de menu visible), si je clic sur Menu (id4), je revoie le menu mais avec l’id 2 intégré à la page.
Comme si j’avais fais afficher le menu et cliquer sur l’icone lumière.

Pour ce qui est de l’autre résolution, tout fonctionne et j’ai le même comportement.

J’ai voulu faire ce test car je voudrais avoir une grosse tablette dans l’entrée pour tout contrôler et dans une pièce par exemple, avoir une plus petite tablette où toutes les pages ne seront pas necessaire.

[noodom]

@cocolabombe0

Je m’explique. Quand je clic sur Accueil (pas de menu visible), si je clic sur Menu (id4), je revoie le menu mais avec l’id 2 intégré à la page.

Je ne suis pas sûr de comprendre.
Tu lances bien le design 4 à chaque fois ? Les designs 1 2 3 ne sont jamais a lancer directement. C’est le design 4 qui se charge de les afficher.

Donc tu lances le design 4, tu as bien le menu et le design 1 visible dès le lancement ?

Que veux tu dire par clic sur accueil ? Bouton accueil du menu ? Design accueil ?
Que veux tu dire par clic sur menu ? Clic sur le design 4 ?

Pour les résolutions, il faut que les designs de contenu (1 2 3) doivent avoir la même résolution que celle définie dans perso.json pour un affichage correct. Tu dois donc définir des designs pour chaque définition.

[cocolabombe0]

Depuis que j’ai fais 2 menus :

Quand je clic sur le design menu (id4), je n’ai pas que le menu affiché mais le menu et les infos de la page 2 (lumière).

C’est la page 2 qui s’ouvre et non la 1.
Après, je passe forcément par les icones pour changer le menu. Je ne retourne jamais dans le design Prise ou Accueil.

Id 1,2,3 design ordinateur
id 4, 5 menu et menu-tablette
id 6,7 design tablette
Je pense que contenu-tablette ne sert pas vraiment car c’est le même que contenu mais j’ai voulu tout séparer.

[noodom]

En effet, il y a un bug : avec le paramètre « label_first »: « 0 », on est positionné par défaut sur le 2ème bouton.
(avec « label_first »: « 1 », on est bien sur le premier bouton par défaut).
J’ai corrigé sur le github (index.html)

Après, je passe forcément par les icones pour changer le menu. Je ne retourne jamais dans le design Prise ou Accueil.

@cocolabombe0

Après, je passe forcément par les icones pour changer le menu. Je ne retourne jamais dans le design Prise ou Accueil.

Je n’ai pas compris. Depuis le menu, tu navigues sur les différents contenus définis dans perso.json. Ce n’est pas le cas ?

[cocolabombe0]

Oui je navigue avec les paramètres du json.
Je me met le menu adapté à mon support et après j’utilise les icones pour changer la page.
Pour chaque résolution, on doit pouvoir avec le même html display « contenu »?
Seul le html display « Menu » et le dossier changent?

Edit: problème corrigé pour le bouton Accueil par défaut.

[noodom]

@cocolabombe0

Pour chaque résolution, on doit pouvoir avec le même html display « contenu »?

Oui ce htmlDisplay peut être commun pour tous les menus.