Comme annoncé, ce forum est passé en lecture seule au 1er janvier 2020. Désormais nous vous invitons à vous rendre sur notre nouvelle page communauté :
Image

A très bientôt !

Actualisation Widget

Cette partie est réservée à l'utilisation de l'interface web pour smartphone et tablettes
akashha
Timide
Messages : 29
Inscription : 05 juil. 2018, 10:47

Actualisation Widget

Message par akashha » 25 juil. 2019, 19:39

Bonjour,

J'ai créer un Widget en mode création facile (Widget numérique).
J'ai mis mon widget sur mon design et a chaque fois qu'il est actualisé (+1 ou -1) mon affichage déconne (voir photo a côté de "Coin Jour").
Dès que j'actualise le design l'image apparaît.

Je soupçonne un défaut dans le code généré lors de l'update.
Quelqu'un pourrai m'aider ?

Voici le code :

Code : Tout sélectionner

<div style="min-width:100px; min-height:50px;" class="cmd tooltips cmd-widget cursor container-fluid" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#">
	<center>
		<div style="font-weight: bold;font-size : 12px;#hideCmdName#">#name_display#</div>
		<span style="font-size: 2.2em;" class="iconCmd"></span>
		<div style="display:inline-block;">
			<span style="font-weight: bold;" class="pull-right">#unite#</span>
			<span style="font-size: 1.5em;font-weight: bold; color: white;" class="pull-right state"></span>
		</div>
		<div style="#displayHistory# font-size: 0.8em;" class="col-xs-12 center-block">
			<span title="Min" class="tooltips">#minHistoryValue#</span>|<span title="Moyenne" class="tooltips" >#averageHistoryValue#</span> | <span title="Max" class="tooltips">#maxHistoryValue#</span> <i class="#tendance#"></i>
		</div>
	</center>
<!-- Ne Pas Supprimer -->
	<script class="createWidgetInfo" type="text/javascript">//<![CDATA[{"type":"1","version":"1","size":"2.5","min":["0"],"max":["100"],"images":["presence_fenetre_ouverte.png"]}]]></script>
<!-- Ne Pas Supprimer -->
	<script>
   var srcImg = 'plugins/widget/core/template/dashboard/cmd.info.numeric.Fenetre_NB/';
	var iconUpdate#uid# = function (state){
		$('.cmd[data-cmd_uid=#uid#] .iconCmd').empty();
		if (state >= 0 && state <= 100) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd').html('<img style="display: inline-block; width: 20px;" src="'+srcImg+'presence_fenetre_ouverte.png">');
		}
		$('.cmd[data-cmd_uid=#uid#] .state').text(state);
	};
	jeedom.cmd.update['#id#'] = function(_options){
		$('.cmd[data-cmd_uid=#uid#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate)
		iconUpdate#uid#(_options.display_value);
	}
	jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
	</script>
</div>
Merci d'avance.
Pièces jointes
design.jpg
design.jpg (36.81 Kio) Consulté 2542 fois

akashha
Timide
Messages : 29
Inscription : 05 juil. 2018, 10:47

Re: Actualisation Widget

Message par akashha » 25 juil. 2019, 20:27

Visiblement, c'est l'url de mon image qui est modifiée (dossier) :

URL correct :

Code : Tout sélectionner

https://xxxxxx.dns4.jeedom.com/plugins/widget/core/template/dashboard/cmd.info.binary.Status_fenetre/presence_fenetre_ouverte.png
Et en console suite à un update :

Code : Tout sélectionner

GET https://xxxxxx.dns4.jeedom.com/plugins/widget/core/template/dashboard/cmd.info.numeric.Volet_NB/presence_fenetre_ouverte.png 404 (Not Found)

Il modifie le "Status_fenetre" en "Volet_NB" et j'ai bien un autre Widget qui se nomme "Volet_NB".
Une idée ?

Avatar de l’utilisateur
Salvialf
Helper
Messages : 1334
Inscription : 24 févr. 2018, 09:37
Contact :

Re: Actualisation Widget

Message par Salvialf » 25 juil. 2019, 20:48

Salut,

Je pourrais regarder demain plus en détail mais tu peux déjà essayer d'ajouter #uid# derrière tous les iconCmd dans le code.

Il peut être nécessaire de passer par un autre widget ou redimensionner la tuile sur le dashboard pour que les modifications du code soient prises en compte.

Par contre en l'état ton widget affiche la même image pour tous les états entre 0 & 100 ?!
VM Jeedom 3.2.16 sous Proxmox 5.4 sur NUC5i5RYH (Debian 9.9)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)

akashha
Timide
Messages : 29
Inscription : 05 juil. 2018, 10:47

Re: Actualisation Widget

Message par akashha » 25 juil. 2019, 21:11

Ok, je vais essayer.
Oui la meme image pour l'état de 0 à 100.

akashha
Timide
Messages : 29
Inscription : 05 juil. 2018, 10:47

Re: Actualisation Widget

Message par akashha » 25 juil. 2019, 21:42

ça n'a pas marché la modif des iconCmd.

Du coup, j'ai mis le lien directement de l'image dans l'update :

Code : Tout sélectionner

$('.cmd[data-cmd_uid=#uid#] .iconCmd#uid#').html('<img style="display: inline-block; width: 20px;" src="plugins/widget/core/template/dashboard/cmd.info.numeric.Fenetre_NB/presence_fenetre_ouverte.png">');
Bon ça marche mais je comprend pas pourquoi ça ne marchait pas avant.

akashha
Timide
Messages : 29
Inscription : 05 juil. 2018, 10:47

Re: Actualisation Widget

Message par akashha » 26 juil. 2019, 09:06

J'ai finalement remplacé le "srcImg" en srcImg#uid# car j'ai plusieurs widget du meme type.
Et ça fonctionne correctement.

Avatar de l’utilisateur
Salvialf
Helper
Messages : 1334
Inscription : 24 févr. 2018, 09:37
Contact :

Re: Actualisation Widget

Message par Salvialf » 26 juil. 2019, 09:10

c'est bien ce que je me disais je voulais tester ça ce soir... un autre utilisateur rencontre un problème similaire sur un autre topic la résolution doit être la même ! Ce qui est bizarre c'est que le problème ne s'est pas présenté avant j'ai même plusieurs widgets utilisant une variable srcImg dont l'icône s'affiche parfaitement...
VM Jeedom 3.2.16 sous Proxmox 5.4 sur NUC5i5RYH (Debian 9.9)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)

Répondre

Revenir vers « Portail web smartphone & tablettes »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité