[TUTO noodom] Simplification du menu F$B33 : chargement par un fichier json

Utilisation du core de Jeedom Design
11

Salut,

Je viens de revérifier les commits github et ça me semble correct.

Pourquoi ne testes tu pas avec le répertoire que j’ai donné et me remonter un problème le cas échéant? Je corrigerai alors bien évidemment si effectivement il y a un problème.

Par contre, dans ton cas, tu modifies l’arborescence ET le code, donc tu as aussi pu faire une erreur de ton côté et je préfère maintenir mon code😉 l’idée à la base, c’est justement quand même de ne pas avoir à toucher au code mais seulement au contenu du json pour éviter ce genre de problème.

Mais tu peux envoyer quand même ton code modifié pour vérifier rapidement tes modifications…

D’autre part, tu as bien vérifié les droits sur ton arborescence /mytheme ? Envoie aussi ton json, stp, pour valider sa cohérence (tu peux d’ailleurs le faire par toi même avec le lien que j’ai donné sur github en commentaire dans le code)

12

Salut,
J’avais effectivement modifié juste les chemin d’accès. Mais j’ai remis à l’identique de ce que tu avais fait. J’ai recommencé la procédure depuis le début. Et j’ai toujours le problème.
J’ai fais le test du json et il était bon (vert).
Et voici le fichier :

{
    "buttons": [
        {
            "link": "6",
            "icon": "montheme/images/Maison2.png"
        },
        {
            "link": "7",
            "icon": "montheme/images/Maison.png"
        },
        {
            "link": "8",
            "icon": "montheme/images/Maison.png"
        },
        {
            "link": "6",
            "icon": "montheme/images/icon_alarme.png"
        },
        {
            "link": "7",
            "icon": "montheme/images/icon_cast.png"
        },
        {
            "link": "8",
          "icon": "montheme/images/icon_plante.png"
        },
        {
            "link": "6",
            "icon": "montheme/images/icon_consomation.png"
        }
  ]
}
13

Salut,

J’ai refait l’installation du menu (Jeedom V3 et V4) en reprenant les fichiers sur Github et le chargement du menu s’effectue correctement.
J’ai ensuite testé en prenant ton fichier json, le chargement est correct à nouveau (excepté le lien vers les images bien sûr car je ne les ai pas récupérées dans mon arborescence)

Plutôt que de modifier tes modifications dans le menu pour revenir au fichier du menu d’origine,
pourquoi ne pas tester en reprenant directement le code source depuis Github pour être sûr de ne pas faire d’erreur ?
Je te suggère donc de récupérer les dernières versions de tous les fichiers et de refaire l’installation de ton menu (rapide avec 3 fichiers). Tu seras alors sure d’avoir la dernière version non modifiée…

Comment as-tu déposé les fichiers perso.css et perso.json ? Par le plugin JeeXplorer ?
(C’est possible que tu aies des problèmes de droits sur le fichier sinon, ce qui empêcherait le chargement de leur contenu)

EDIT : tu peux tester directement les adresses suivantes pour voir si les 2 fichiers sont bien au bon endroit :
http://tonUrlJeedom/montheme/css/perso.css
http://tonUrlJeedom/montheme/json/perso.json

1 « J'aime »
14

Bonjour,

J’ai bien suivi le strictement le tuto (html Display) et voilà ce que j’obtiens dans une page design.

image
image1037×312 5.5 KB

Quelqu’un a t’il deja eu cela?

Merci

15

Je me répond à moi-même. le répertoire était pas bon. themes au lieu de css.

16

Pour info, je propose une version plus complète avec navigation par frame (menu à ajouter sur un seul design, menu toujours présent sans besoin de le recharger pendant la navigation) :

2 « J'aime »
17

Bonjour noodom,

J’utilise votre menu F$B33 avec l’utilisation du fichier perso.json.
Dans la version originale de F$B33, je pouvais rajouter « &fullscreen=1 » au link pour avoir la plan en plein écran.
Comment faire la même chose avec votre méthode ?
Peut-on passer un paramètre à la fonction DisplayPlan() ?

Merci de votre retour.

PS : J’ai renoncé à utiliser la version iFrame, le premier design flick en permanence.

18

Helloo,

La fonction displayPlan() est une fonction du core de Jeedom.
Par contre, je ne suis pas sûr de comprendre le problème :
J’ai pu tester rapidement avec la version sans frame : en ajoutant fullscreen=1 à la première page d’accès au Design, l’ajout de &fullscreen=1 n’est pas nécessaire pour les suivantes ?

Sinon, peux-tu détailler le problème avec la version avec Frame. N’est-ce pas un problème de construction de la page principale contenu les htmlDisplay ou un problème avec les liens dans le fichier de configuration ?
Tu peux préciser l’id du design d’accès au menu et le contenu du fichier de configuration JSon ?
On m’a remonté quelques cas provoquant ce problème à cause d’une mauvaise configuration.

Sinon, il faut bien prendre soin d’ajouter le htmlDisplay Contenu avant le htmlDisplay Menu, sinon ça peut provoquer des problèmes de redirection.

A terme, je présenterai d’autres menus à venir mais probablement seulement en version avec frame
car ça apporte un réel confort de paramétrage, de navigation et de construction des designs pour chaque lien du menu.

1 « J'aime »
19

Bonsoir Noodom,

Merci pour le fullscreen=1 à rajouter à l’appel de la 1ère page, les autres sont effectivement appelées avec fullscreen=1 dans l’url.

Je vais m’installer un jeedom de test et refaire mes tests de menu avec frame et je vous tiens au courant.

Sinon avec le menuHoverShow un peu modifié pour avoir la transparence, j’ai commencé un design pour un smartphone 360x640 en utilisant « Fully Kiosk Browser ».

Merci pour vos tutos, c’est génial même s’il faut qd même se creuser un peu les meninges.

Sinon , question: comment conserver le surlignage du menu sur lequel on est ?

image
image358×636 81.1 KB
image
image358×637 117 KB
image
image358×635 164 KB

Bien cordialement

20

Salut noodom,

Je viens de tester ta solution simplifiée, c’est simple à mettre en oeuvre.
=> Merci.

J’aimerais la faire évoluer à deux niveaux :

  1. Même dispositif mais en mode vertical
    (cela collerait mieux à ma tablette et à ce que je veux afficher).
    => Je ne sais pas comment faire, prévois-tu une évolution ?

  2. Sauvegarder en mémoire le design appelé
    => Cela me permettrait de connaitre le contexte pour afficher par exemple la photo du portail qui s’ouvre, et de revenir sur l’écran antérieur.

Merci pour tes retours.

EDIT
Ce que j’ai testé en vain :

> {
>     "buttons": [
>         {
> $VarDesignActif = 'ECRAN1';   <<<<<<< **CETTE LIGNE EN PLUS.**       	
>             "link": "11",
>             "icon": "montheme/img/icon_home.png"
>         },
>         {
>             "link": "12",
>             "icon": "montheme/img/programmation.png"
>         },

etc.```
21

Bonjour @noodom ,
Je suis en train de mettre en place ton super menu avec le json.
Mais je souhaiterai avoir le même rendu que @krissam44 et je n’arrive pas avoir la transparence avec le menu qui vient sur les widgets.

Je présume qu’il faut que le menu soit à un niveau supérieur que le widget mais quelle valeur de couleur je dois mettre dans le json?

Merci pour votre aide.
FRED

22

Bonjour @noodom,

j’ai suivi a la lettre ton tuto jeedom_menus/menuJsonFsb33Frame at master · noodom/jeedom_menus · GitHub

par contre je rencontre des difficultés. J’ai commencé par créer les 2 HTMLDisplay, puis toute les pages en dupliquant toujours ma première, mis a jour mon json avec les id.

Par contre quand je rajoute des éléments sur la page home, ma première (qui ma servit a dupliquer) les éléments se rajoutent aussi sur les autres pages, elles ne restent pas vierge.

je dis avoir loupé un truc mais quoi ?

merci a toi

23

Salut,

Pour bien comprendre ce que tu as fait, quelle page as-tu dupliqué ? la page avec les htmlDisplay ?
Les 2 htmlDisplay ne doivent être que sur une seule page.

Il faut créer :

  • une page Design avec l’ajout des htmlDisplay (/!\ et seulement ces 2 équipements). Attention à bien respecter l’ordre de l’ajout de ces 2 équipements comme indiqué dans la doc.
  • autant de pages de design que de boutons dans le menu (vides dans un premier temps, juste pour le lien avec les ids du fichier de configuration perso.json)

Et ensuite, tu peux remplir les pages de design vides avec tous tes équipements à afficher pour chaque du menu correspondant aux boutons.

Le principe : la page principale avec les htmlDisplay contient 2 zones : le menu et le contenu (qui sera chargé à chaque clic de bouton du menu : chargement du design correspondant au bouton, vide à la création plus haut)

24

Merci pour ta réponse, je venais d’essayer et c’est bien ca le problème. j’ai fait une page dédié pour le html et ca fonctionne parfaitement. merci pour tout ton travail

25

C’est Parfait :+1:

26

Si ça peut fonctionner … Comme expliqué, j’ai modifier les chemin d’accès dans le fichier html. Et je ne vois rien d’autre dans le code qui fasse référence au chemin d’accès. Donc, pour moi, ce n’est pas le problème.. .

27

Tu peux détailler ton problème ? Je ne vois aucun message de ta part le détaillant pouvant t’aider à le résoudre.

Si ça peut te rassurer, oui ça peut fonctionner :slightly_smiling_face: c’est le cas chez moi, pour de nombreux utilisateurs comme tu as dû le lire…

De quels chemins du fichier html modifiés parles tu ?
Ce n’est pas le problème mais de quel problème parles-tu ?

Dis m’en plus, et je tenterai de le résoudre :innocent:

28

Bonjour
Auriez-vous un retour sur une impossibilité de cliquer sur un élément qui se retrouve dans l’axe du menu.

Screenshot_2022-02-01-16-51-55-751_com.android.chrome
Screenshot_2022-02-01-16-51-55-751_com.android.chrome1080×2400 249 KB

Screenshot_2022-02-01-16-51-48-132_com.android.chrome
Screenshot_2022-02-01-16-51-48-132_com.android.chrome1080×2400 219 KB

Dans mon cas, il m’est impossible de cliquer sur :
Prise Élise
Prise cuisine 1
Fontaine
Bulleur

Et j’ai remarqué la même chose en ce qui concerne les autres pages.
Avez vous une idée ?
Dans cette attente.
Cordialement
Remi

29

Salut,
Le menu est une frame qui se superpose à la frame du contenu. Il faut donc prévoir de ne pas positionner d’éléments cliquables sur cette zone.

30

Bonsoir. Haaaa je ne savais pas. Désolé :hugs: