Alignement page equipement

Salon des Développeurs Aide Programmation
1

Bonjour,

Je viens de nouveau vers vous pour savoir comment réussir à by-passer la partie css de jeedom pour que ma div de class « cursor eqLogicAction » soit alignée avec mes div de class « eqLogicDisplayCard cursor »

Rendu graphique :

Le bout du code pour que vous puissiez voir les class, mais il est un peu long, je met la partie qui concerne ces deux tuiles :

echo '<div class="eqLogicThumbnailContainer">';
				echo '<div class="cursor eqLogicAction synchronisation"  data-id="' . $eqLogicEsxiHost->getId() . '">'; // l'action est traitée dans le vmware.js le data-id permet de récupérer l'info dans le JS pour transmettre l'appel à la fonction refresh pour l'ESXi en question uniquement // on se base sur le terme synchronisation pour le retrouver dans le JS
				echo '<i class="fas fa-sync"></i>';
				echo '<br>';
				echo '<span>{{Synchroniser}}</span>';
				echo '</div>';
				$opacity = ($eqLogicEsxiHost->getIsEnable()) ? '' : 'disableCard';
				echo '<div class="eqLogicDisplayCard cursor '.$opacity.'" data-eqLogic_id="' . $eqLogicEsxiHost->getId() . '">';
				// On affiche une image différente pour le serveur ESXi pour le répérer plus facilement
					echo '<img src="plugins/vmware/docs/assets/images/icone_esxi.png">';
					echo '<br>';
					echo '<span class="name">' . $eqLogicEsxiHost->getHumanName(true, true) . '</span>';
					echo '</div>';

Merci d’avance pour votre aide

2

Salut,
Difficile à dire, faudrait une capture plus grande mais pourquoi ne pas mettre ton « sync » dans la zone au-dessus à coté du bouton « add »;
c’est typiquement dans cette zone que ce type de bouton se trouve dans tous les plugins jeedom; autant respecter cette convention

3

Hello,

Je met un bouton pour synchroniser un ESXi, oui certaines personnes ont plusieurs ESXi chez eux.
Comme ça on ne fait pas un refresh sur chaque ESXi.

4

J’avais oublié de mettre une capture en vue de plus loin :

647×531 37.9 KB

Pour l’instant je n’ai pas résolu le souci

5

D’autres plugins le font, don’t un qui a été sujet à discussion au début de la v4 fouille dans les messages. Au final c’etait une div en trop de mémoire.

6

J’imagine que l’on parle de ce sujet :
https://partenaires.jeedom.com/t/eqlogicaction-et-eqlogicdisplaycard-dans-le-meme-eqlogicthumbnailcontainer/1234/13

Mais il y avait une div en trop de son coté.

Et il y a une surchage du rendu via les balises dans sa page equipement :

J’ai triché un peu et je suis presque aligné, mais c’est pas niquel, niquel.
ça m’ennuie, mais je vais peut-être m’en accomoder pour ne pas surcharger le css inutilement