[Widget JAG] : Ensemble de mes Widgets (compatible core v3)

[romanais]

Napalm tu veux dire !
Il était coriace le bougre

[Doryphore]

Me revoilà...haha

Je n'ai pas trouver l’équivalent de icone_action ou info pour l'affichage mobile

J'ai voulu dupliquer le widget et le changer de version "dashboard" vers "mobile", mais il n'affiche pas l'icône sur la tablette

J'ai lu un tas de messages, mais je bloque

[Salvialf]

Salut,

Je vais m' attaquer aux versions mobile de mes widgets la semaine prochaine. Si tu as des questions sur IconAction ou iconinfo tu peux poster sur les topics concernés...

[Doryphore]

Ok, merci de l'info

[dvb]

Hello JAG,

Deux petites questions

Versions mobiles
As-tu prévu de les développer pour les widget "humidité_goutte d'eau" et "store banne" ?

Widget store banne
J'ai essayé d'activer l'affichage temps, en vain. Ai-je loupé un truc ?

Merci et @+

[JAG]

Salut
Pour les versions mobiles, je crois que je les ai mais je ne les ai jamais publier
Je vais essayer de le faire dans la semaine ou le week-end prochain

En ce qui concerne ton pb sur le store, je ne suis pas sûr que j’ai activé cette fonction sur ce widget
Je ne suis pas chez moi
Je regarde dès que j’ai un peu de temps


Envoyé de mon iPhone en utilisant Tapatalk

[dvb]

Merci !
Aucune urgence, regarde quand tu auras un peu de temps...

[JAG]

Bonsoir à tous,

je vais effectuer une mise à jour sur certain widget afin de bien séparer les variables pour la hauteur et la largeur

• Pour la hauteur : sizeh
• Pour la largeur : sizew

Autres infos : pour les widgets mobile, j'ai aussi ajouter les variables

• Pour la hauteur : sizeh-M
• Pour la largeur : sizew-M

Pour les autres demandes, je les ferrais en suivant et je vous tiendrais au courant
Bonne soirée

[JAG]

Je viens de mettre sur le market le widget "humidite goutte d'eau" pour le mobile

Merci de me faire vos retours
Bonne soirée

[dvb]

Je viens de mettre sur le market le widget "humidite goutte d'eau" pour le mobile

Merci de me faire vos retours
Bonne soirée

Bonsoir JAG,
Je viens de tester, j'ai un petit souci sur le visuel...


Bonne soirée !

[JAG]

Oups
Je regarde ce soir


Envoyé de mon iPhone en utilisant Tapatalk

[JAG]

Salut;

Il y a vraiment un comportement différent avec la version mobile, je n'arrive pas à corriger le pb
@Salvialf : si tu passes par la, as-tu une idée sur le Pb ?

Code : Tout sélectionner

<div style="width:80px;min-height:80px;" class="cmd #history# tooltips cmd-widget container-fluid" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" title="#collectDate#">
<!-- Info
	Basé sur les widget de 	: 
	Mise à jour 			: JAG 20190324 : Création widget
-->
  <div class="row">
    	<div style="width:120px;height:5px;"></div>
    	<strong class='cmdName center-block col-xs-12 small' title="#name#">#name#</strong>
    	<div id="iconCmd#id#" class='col-xs-6' style="height:80px;" id="tailleCmd#id#">
	    	<div style="width: 46px;height: 80px; position: absolute; z-index: 1; background: url('plugins/widget/core/template/mobile/cmd.info.numeric.Humidite-Goutte_eau/goutteeau.png') no-repeat;background-size:26px 40px;" id="recipient#id#"></div>
    		<div style="width: 46px;height: 40px; background: url('plugins/widget/core/template/mobile/cmd.info.numeric.Humidite-Goutte_eau/goutteeaumask.png') no-repeat;background-size:26px 40px;" id="recipientmask#id#"></div>
  			
		</div>
		<div class="col-xs-6">
			<div class="row">
      			<div class='col-xs-12 center-block' >
        			<span class="humidite_state" style="font-size: 1em;font-weight: bold"></span><br/>
      			</div>
	   		</div>
   		</div>
    		<div class="cmdStats #hide_history# col-xs-12" style="#displayHistory# font-size : 10px;margin-top:0px;">
    			<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>
	</div>
	<script>
      	jeedom.cmd.update['#id#'] = function(_options){
          	var State = parseFloat(_options.display_value);
          	var Statemax = 100;
  			var height = parseInt( 40*(State/Statemax) );
			if( height > 40) { height = 40; }
    			topPosition = 40 - height;  
        		$('#recipient#id#').css({'height':height+'px','top':topPosition+'px','background-position':'0 -'+topPosition+'px'});	            
				$('.cmd[data-cmd_id=#id#] .humidite_state').empty().append(_options.display_value+'#unite#');  
        	
		     		$('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);
          			
		}
		jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});    
	</script>
</div>

[Salvialf]

Salut @JAG,

Je pense qu'en affichage mobile jeedom positionne automatiquement les éléments en fonction de la taille de la tuile qui elle-même est en fonction de la résolution de l'écran...

J'ai fait quelques essais, j'arrive à le positionner mais il faut que la commande soit placé en premier dans la liste et ça varie un peu en changeant d'écran donc pas terrible...

Je m'y remet demain j'suis ko ce soir...

[Salvialf]

Hello,

Arf j'étais parti dans du compliqué pour rien...

Pour tests histoire de vérifier que ça fonctionne dans toutes les situations:

Code : Tout sélectionner

<div style="width:80px;min-height:50px;" class="cmd #history# tooltips cmd-widget container-fluid" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" title="#collectDate#">
<!-- Info Widget style="width:40px;height:50px
	Basé sur les widget de 	: 
	Mise à jour 			: JAG 20190324 : Création widget
-->
  <div class="row">
    	<div style="width:80px;height:5px;"></div>
    	<strong class='cmdName center-block col-xs-12 small' title="#name#">#name#</strong>
    	<div id="iconCmd#id#" class='col-xs-5' style="height:40px;position: relative;" id="tailleCmd#id#">
	    	<div style="width: 26px;height: 40px; position: absolute; z-index: 1; background: url('plugins/widget/core/template/mobile/cmd.info.numeric.Humidite-Goutte_eau/goutteeau.png') no-repeat;background-size:26px 40px;" id="recipient#id#"></div>
    		<div style="width: 26px;height: 40px; position: relative;background: url('plugins/widget/core/template/mobile/cmd.info.numeric.Humidite-Goutte_eau/goutteeaumask.png') no-repeat;background-size:26px 40px;" id="recipientmask#id#"></div>
		</div>
		<div class="col-xs-4">
			<div class="row">
      			<div class=' center-block'>
        			<span class="humidite_state" style="font-size: 1em;font-weight: bold"></span><br/>
      			</div>
	   		</div>
   		</div>
          	<!-- Historique -->
    		<div class="cmdStats #hide_history# col-xs-12" style="#displayHistory# font-size : 10px;margin-top:0px;">
    			<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>
	</div>
	<script>
      	jeedom.cmd.update['#id#'] = function(_options){
          	var State = parseFloat(_options.display_value);
          	var Statemax = #maxValue#;
  			var height = parseInt( 40*(State/Statemax) );
			if( height > 40) { height = 40; }
    			topPosition = 40 - height;          
        		$('#recipient#id#').css({'height':height+'px','top':topPosition+'px','background-position':'0 -'+topPosition+'px'});	            
				$('.cmd[data-cmd_id=#id#] .humidite_state').empty().append(_options.display_value+'#unite#');  
        	
		     		$('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);
          			
		}
		jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});    
	</script>
</div>

[JAG]

Salut
Merci
Je regarde ce soir et je te dis

Merci pour l’aide


Envoyé de mon iPhone en utilisant Tapatalk

[JAG]

merci @Salvialf : c'etait une bricole mais j'ai cherché pendant trop longtemps donc pas vu l'erreur

@dvb : je viens de le mettre sur le market, merci de tester

Bonne soirée

[dvb]

merci @Salvialf : c'etait une bricole mais j'ai cherché pendant trop longtemps donc pas vu l'erreur

@dvb : je viens de le mettre sur le market, merci de tester

Bonne soirée

Je viens de tester, c'est parfaitement fonctionnel.
Un grand merci à tous les deux


PS :

JAG,
Un détail. Sur le Dashboard, j'a remarqué que le sigle tendance est quelques fois à côté des valeurs, quelque fois en dessous. Comme j'ai trois capteurs les uns à côté des autres, cela n'est pas très esthétique car le sigle n'est pas toujours positionné de la même manière . Y a-t-il possibilité de forcer (ou pas d'ailleurs) un retour à la ligne ?

J'espère avoir été clair...

[JAG]

Salut
Oui tu as été clair
Pour le pb de la tendance
Je peux essayer de la mettre sous la valeur ? Il y a de la place sur la droite
Qu en penses tu ?
Car pour moi je n’ai jamais eu le cas où cela passe à la ligne


Envoyé de mon iPhone en utilisant Tapatalk

[dvb]

Que du bien !
GO

[EDIT]
Après réflexion, la nuit porte conseil...

Sais-tu préciser sur quelle période sont calculés :
- min,moyenne,max
- tendance

De mon côté j'aimerais :
- min,moyenne, max => que ce soit à partir de minuit plutôt que 24h glissants.
- tendance => sur la demi heure ou l'heure (cela me parait plus utile d'avoir la tendance sur le moment)

Si tu ne peux implémenter cela, j'essaierai de retoucher le code.

Bonne journée !

[JAG]

Salut
Les valeurs sont données par le core
Je ne faits pas de calcul, je récupère juste les valeurs
Regarde s il n y a pas de réglages au niveau de l historique de ton équipement.



Envoyé de mon iPhone en utilisant Tapatalk