Test plugin htmldisplay

Bonjour,

Je viens de publier un nouveau plugin en bêta sur le Market, il est tout simple et permet dans un widget d’équipement de mettre le code html que vous voulez (dashboad et mobile). L’idée de base c’est pour faire votre menu dans les designs, au lieu de le faire sur chaque design ou de bidouiller là, il suffira d’ajouter cet équipement sur tous les designs. Ça devrait, j’espère, vous simplifier les mises à jour en particulier.

Par contre je préviens dès le début le plugin n’a aucune prétention et surtout il est pas prévu de le rendre user friendly c’est vraiment pour les utilisateurs sachant déjà faire du code html.

Il est disponible dès maintenant sur le Market

2 « J'aime »

Je viens de tester.

Je vais creuser, car comportement anormal (se repositionne en bas de page systématiquement), a voir si il y a pas un conflit avec mon code html.
Après pour que ce plugin permette de répondre à un menu, il faut prendre en compte certains points.

Je m’explique, lors de la navigation d’un design à l’autre via le menu, ce dernier change dynamiquement l’apparence de l’icône correspondant au design en cours.
Exemple le bouton correspondant au design de gestion du chauffage passe en grisé ou autre effet de style l’icône. C’est bien évidemment dans le code html qu’est prévue cette mise en forme.

Donc aujourd’hui sans ce plugin, les personnes qui font des menus dans les designs copient leurs blocs de menu sur toutes les pages des designs concernés et éditent le code pour la mise en évidence du design en cours.
Toutes modifications du menu et c’est une tannée il faut rééditer chaque bloc code. Et là ton plugin apporterait une réelle plus-value.

Je l’interroge comment, ton plugin, pourrait permettre d’avoir accès à une notion de variable.

L’idée serait dans l’équipement (HTML display) de pouvoir ajouter des variables, tags, … qui pourraient être utilisés dans le code.

En prenant l’exemple suivant :

<a onClick="planHeader_id=91; displayPlan();"><li class="selected"><div class="imagette"><img src="montheme/images/icon_home.png" height=50px width=50px></div></br></li></a>

Lors du clic sur l’icône,

  • le planHeader_id correspond à l’ID du design

  • là j’utilise la class selected pour la mise en forme quand c’est l’icône du menu actif

  • img src pour l’icône associée

Chacun faisant comme bon lui semble son menu, c’est un exemple qui a été largement utilisé sur les designs (un des plus gros posts de l’ancien forum)

Tu dois me voir venir :slight_smile: ce n’est pas user friendly, mais comme tu l’as dit toi même ce plugin n’est pas à destination de Mme Michu.

Si par exemple dans HTML Display, un autre onglet était présent pour définir par une entrée par menu et les variables associées :

  • name = home

** planID = 91

** path = montheme/images

** icone = icon_home.png

  • name = chauffage

** planID = 98

** path = montheme/images

** icone = icon_chauffage.png

*…

@loic, penses-tu que le code que tu définis dans les onglets « Dashboard » et « Mobile » pourrait utiliser les variables définies dans un autre onglet de l’équipement.

Pour le selected, c’est lors de l’insertion de l’équipement que le choix serait donné pour choisir le name. Si « home » est choisi, c’est lui qui serait actif. A voir comment.

Bonjour
Je comprends pas bien la demande tu peux faire du JavaScript ton définir les variable que tu veux. Et pour pouvoir mettre en active le plan sur le menu il te suffit de récupérer la valeur de la variable PlanHeader_id et de le comparer ceux défini dans le menu.

Après c’est peut être pour pas avoir a dupliquer dans mobile et dashboard ? Si oui ça n’a pas vraiment de sens les design utilisent toujours dans 100% des cas la version dashboard.

çà peut en effet être très pratique pour les menus de design !!

J’ai mis en place, pas de soucis

En plus en l’affichant sur le dashboard, çà fait des liens vers les designs direct :grin:

Et en plus, concernant les dummies : https://community.jeedom.com/t/dummy-or-not/6135/6

Avec çà en css custom ben on a des dummiers :rofl:
Quitte à filtrer par id pour en garder certains :innocent:

[data-page="dashboard"] [data-eqtype="htmldisplay"]:not(.editingMode) {
  opacity: 0;
}

:+1:

ok, tu parlais de compétence html, mais cela va encore plus loin sur les compétences requises. On est loin de html et CSS. Le javascript ok mais cela limite encore plus la population. Mais j’ai compris le message :slight_smile:

Sujet clos merci

Salut Loic, il semble que ce plugin ne respecte pas les droits jeedom => en profil limité les widgets apparaissent partout chez moi. Merci !

Salut
J’arrive pas à reproduire… Tu interdit bien la lecture aussi dans les droits ?