Forum Communauté Jeedom

ArthurH a écrit : ↑
26 avr. 2019, 13:17
Désolé pour le manque de précisions

Non non c'est moi désolé, j'étais sur "duree" qui ne fonctionnait pas alors que c'est le formatage de la date qui ne plait pas à iOS...
Sur Chrome et Firefox sur iphone ça fonctionne ou c'est sur PC que ça ne fonctionne pas non plus via Safari ?

D'ailleurs pour info vous êtes tous les 2 sur la dernière version d'iOS ? Laquelle pour être précis ? car je ne suis pas trop les actualités iphone....

Salvialf a écrit : ↑
26 avr. 2019, 13:49

ArthurH a écrit : ↑
26 avr. 2019, 13:17
Désolé pour le manque de précisions
Non non c'est moi désolé, j'étais sur "duree" qui ne fonctionnait pas alors que c'est le formatage de la date qui ne plait pas à iOS...
Sur Chrome et Firefox sur iphone ça fonctionne ou c'est sur PC que ça ne fonctionne pas non plus via Safari ?

D'ailleurs pour info vous êtes tous les 2 sur la dernière version d'iOS ? Laquelle pour être précis ? car je ne suis pas trop les actualités iphone....

Je viens de faire les test sur IOS 12.2 avec Safari, Chrome et Firefox et il n'y a que 'duree' qui fonctionnent.
Bon courage

*** MISE A JOUR ***

- Ajout de 5 séries de visuels "autres": cuve1, spot1, spot2, ampoule1, lumext1. (Voir 1er post)

F277 a écrit : ↑
24 avr. 2019, 16:47
Et ouiiiiii les secrets de la marque à la pomme sont impénétrables ))

en faisant le test avec les différentes valeurs ça fonctionne uniquement pour "duree" pour date et heure il y a un pb

ArthurH a écrit : ↑
26 avr. 2019, 17:59
Je viens de faire les test sur IOS 12.2 avec Safari, Chrome et Firefox et il n'y a que 'duree' qui fonctionnent.
Bon courage

Bonjour,

Le problème c'est que sans iphone c'est difficile de savoir si ce que je teste fonctionne ou pas ?!

Je veux bien faire des essais concernant l'affichage de l'heure pour commencer svp (donc "time"=heure).

Si j'en crois le net, ceci devrait être suffisant pour afficher l'heure sur iOS:
EN MODE PERSONNALISATION DU WIDGET si possible (paramètre commande / onglet "code" / case cochée -> 4ème paragraphe: MOBILE) en remplaçant ou commentant (entre /* & */) cette partie:

Code : Tout sélectionner

 else if (valUptime == 'heure') {
        var date = new Date(_options.valueDate);
        var time = "à "+date.getHours()+":"+(date.getMinutes()<10?'0':'')+date.getMinutes()+":"+(date.getSeconds()<10?'0':'')+date.getSeconds()+"";
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(time);
      	}

par:

Code : Tout sélectionner

else if (valUptime == 'heure') {
        var dateString = _options.valueDate;
		var d = dateString.replace(' ', 'T');
       /* var date = new Date(_options.valueDate);*/
        var time = "à "+d.getHours()+":"+(d.getMinutes()<10?'0':'')+d.getMinutes()+":"+(d.getSeconds()<10?'0':'')+d.getSeconds()+"";
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(time);
      	}

Salvialf a écrit : ↑
27 avr. 2019, 14:59
*** MISE A JOUR ***

- Ajout de 5 séries de visuels "autres": cuve1, spot1, spot2, ampoule1, lumext1. (Voir 1er post)

Hello,
C'est en prod => Merci m'sieur

dvb a écrit : ↑
27 avr. 2019, 15:57
Hello,
C'est en prod => Merci m'sieur

Salut,

rapide sur les MAJ en ce moment @dvb !

Je pensais que ce serait ptitdyno:

ptitdyno a écrit : ↑
23 avr. 2019, 01:19
Tu aurais des icônes pour une citerne d eau ?

Salvialf a écrit : ↑
27 avr. 2019, 16:00

dvb a écrit : ↑
27 avr. 2019, 15:57
Hello,
C'est en prod => Merci m'sieur
Salut,

rapide sur les MAJ en ce moment @dvb !

Je pensais que ce serait ptitdyno:
ptitdyno a écrit : ↑
23 avr. 2019, 01:19
Tu aurais des icônes pour une citerne d eau ?

lol !
C'est parce que je bosse sur ma VDR box juste à côté de mon PC...
Quand je vois une notification Jeedom passer je ne résiste pas

Bonjour je viens d'installer ce widget mais uniquement pour mobile et je n'ai aucune image ?

team18fr a écrit : ↑
27 avr. 2019, 18:22
Bonjour je viens d'installer ce widget mais uniquement pour mobile et je n'ai aucune image ?

Bonjour,

Comme stipulé sur le market et sur le 1er post, la version dashboard doit être installée également car elle contient les images. Le widget mobile récupère les images du widget dashboard.

Est-ce mieux ainsi ?

Oui beaucoup mieux. Merci

Est pour un ouvrant comme une porte ou une fenêtre. Comment peut-on l'utiliser si on a juste ouvert ou fermé comme info?
J'aime bien le principe de tes widget ou on a tout dans un seul

Merci de ton aide

C'est un widget pour info numérique. Pour une info binaire ouvert/fermé tu as le widget IconInfo auquel tu peux ajouter des images issues du partage dans ma signature par exemple.

Salvialf a écrit : ↑
27 avr. 2019, 15:46

F277 a écrit : ↑
24 avr. 2019, 16:47
Et ouiiiiii les secrets de la marque à la pomme sont impénétrables ))

en faisant le test avec les différentes valeurs ça fonctionne uniquement pour "duree" pour date et heure il y a un pb

ArthurH a écrit : ↑
26 avr. 2019, 17:59
Je viens de faire les test sur IOS 12.2 avec Safari, Chrome et Firefox et il n'y a que 'duree' qui fonctionnent.
Bon courage
Bonjour,

Le problème c'est que sans iphone c'est difficile de savoir si ce que je teste fonctionne ou pas ?!

Je veux bien faire des essais concernant l'affichage de l'heure pour commencer svp (donc "time"=heure).

Si j'en crois le net, ceci devrait être suffisant pour afficher l'heure sur iOS:
EN MODE PERSONNALISATION DU WIDGET si possible (paramètre commande / onglet "code" / case cochée -> 4ème paragraphe: MOBILE) en remplaçant ou commentant (entre /* & */) cette partie:
Code : Tout sélectionner
 else if (valUptime == 'heure') {
        var date = new Date(_options.valueDate);
        var time = "à "+date.getHours()+":"+(date.getMinutes()<10?'0':'')+date.getMinutes()+":"+(date.getSeconds()<10?'0':'')+date.getSeconds()+"";
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(time);
      	}
par:
Code : Tout sélectionner
else if (valUptime == 'heure') {
        var dateString = _options.valueDate;
		var d = dateString.replace(' ', 'T');
       /* var date = new Date(_options.valueDate);*/
        var time = "à "+d.getHours()+":"+(d.getMinutes()<10?'0':'')+d.getMinutes()+":"+(d.getSeconds()<10?'0':'')+d.getSeconds()+"";
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(time);
      	}

Bonjour, je viens d'essayer de faire le test, malheureusement je n'obtiens en affichage sur iPhone que le bout de code que j'ai collé dans l'onglet code. Désolé. En tout cas merci d'essayer de trouver la solution.

ArthurH a écrit : ↑
28 avr. 2019, 09:45
Bonjour, je viens d'essayer de faire le test, malheureusement je n'obtiens en affichage sur iPhone que le bout de code que j'ai collé dans l'onglet code. Désolé. En tout cas merci d'essayer de trouver la solution.

Bonjour ArthurH,

Si le bout de code s'affiche dans le widget c'est que tu as fait une mauvaise manip'

Dans ce cas là tu peux remplacer tout le code par celui-ci:

Code : Tout sélectionner

<!-- volet1 // volet2 // volet3 // volet4 // volet5 // volet6 // volet7 // volet 8 // volet9 // velux1 // velux2 // velux3 // rideau1 // rideau2 
// store1 // portail1 // garage1 -->

<div class="cmd" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
		<span style="font-size:12px;#hideCmdName#">#name_display#</span>
		<div class="iconCmd#id#"></div>
		<span class="position#id#" style="font-weight:bold;"></span><br>
		<div style="#displayHistory# font-size: 0.8em;">
		<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>
      	<span class="timeCmd#id#"></span>
    <style>
.timeCmd#id# {
  	  width:45%;
      display:inline-block;
      font-size:13px;
      font-weight:bold;
  	  line-height:1.5;
      margin:5px 0px 5px 0px;
      background-color:#cmdColor#!important;
      border-radius: 7px;
/*    box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 1),0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;*/
      box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 1) inset,0px 2px 2px 0px rgba(255, 255, 255, 0.5);
      text-shadow: 1px 2px 8px #000;
    }
  </style>
	<script>
   	 var iconUpdate#uid# = function (state) {
   var valueType = ('#type#' !='#'+'type#') ? "#type#":"volet1";
   var srcImg = "plugins/widget/core/template/dashboard/cmd.info.numeric.MultiOuvrants/"+valueType;
   var valueH = is_numeric('#hauteur2#') ? parseFloat('#hauteur2#'):75;
   var valueL = is_numeric('#largeur2#') ? parseFloat('#largeur2#'):75;
   var paramTaille = 'height='+valueH+'px width='+valueL+'px';
      
		$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').empty();
		if (state == 0) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/0.png" '+paramTaille+'>');
		}
		if (state > 0 && state <= 11) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/10.png" '+paramTaille+'>');
		}
		if (state > 11 && state <= 22) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/20.png" '+paramTaille+'>');
		}
		if (state > 22 && state <= 33) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/30.png" '+paramTaille+'>');
		}
		if (state > 33 && state <= 44) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/40.png" '+paramTaille+'>');
		}
		if (state > 44 && state <= 55) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/50.png" '+paramTaille+'>');
		}
		if (state > 55 && state <= 66) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/60.png" '+paramTaille+'>');
        }  
		if (state > 66 && state <= 77) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/70.png" '+paramTaille+'>');
		}
		if (state > 77 && state <= 88) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/80.png" '+paramTaille+'>');
		}
		if (state > 88 && state < 99) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/90.png" '+paramTaille+'>');
		}
		if (state >= 99 && state <= 100) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/100.png" '+paramTaille+'>');
		}
      }
      
	jeedom.cmd.update['#id#'] = function(_options){
		iconUpdate#uid#(_options.display_value);
      
   var valuePosition = Boolean('#position#');
     if (valuePosition == false) { 
		 $('.cmd[data-cmd_id=#id#] .position#id#').empty().text(_options.display_value+'#unite#').show();
     }
     else {
       $('.cmd[data-cmd_uid=#uid#] .position#id#').empty().text(_options.display_value+'#unite#').hide();
     }
      
      var valUptime = '#time#';
      
      if (valUptime == 'duree') {
 		$.include(['plugins/widget/core/template/dashboard/cmd.info.numeric.MultiOuvrants/duration.custom.js'], function() {
         jeedom.cmd.displayDuration2(_options.valueDate, $('.cmd[data-cmd_id=#id#] .timeCmd#id#'));  
	 })
      	}
      else if (valUptime == 'date') {
        var week = ['dim.', 'lun.', 'mar.', 'mer.', 'jeu.', 'ven.', 'sam.'];
        var month = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
        var date = new Date(_options.valueDate);
		var format = week[date.getDay()]+" "+date.getDate()+"/"+month[date.getMonth()];
		var time = "à "+date.getHours()+":"+(date.getMinutes()<10?'0':'')+date.getMinutes();
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(format+'<br>'+time);
      	}
      else if (valUptime == 'heure') {
        var dateString = _options.valueDate;
		var d = dateString.replace(' ', 'T');
       /* var date = new Date(_options.valueDate);*/
        var time = "à "+d.getHours()+":"+(d.getMinutes()<10?'0':'')+d.getMinutes()+":"+(d.getSeconds()<10?'0':'')+d.getSeconds()+"";
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(time);
      	}
      
	}
	jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#'});
	</script>
</div>

Salvialf a écrit : ↑

28 avr. 2019, 09:48

ArthurH a écrit : ↑
28 avr. 2019, 09:45
Bonjour, je viens d'essayer de faire le test, malheureusement je n'obtiens en affichage sur iPhone que le bout de code que j'ai collé dans l'onglet code. Désolé. En tout cas merci d'essayer de trouver la solution.

Bonjour ArthurH,

Si le bout de code s'affiche dans le widget c'est que tu as fait une mauvaise manip'

Dans ce cas là tu peux remplacer tout le code par celui-ci:

Code : Tout sélectionner

<!-- volet1 // volet2 // volet3 // volet4 // volet5 // volet6 // volet7 // volet 8 // volet9 // velux1 // velux2 // velux3 // rideau1 // rideau2 
// store1 // portail1 // garage1 -->

<div class="cmd" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
		<span style="font-size:12px;#hideCmdName#">#name_display#</span>
		<div class="iconCmd#id#"></div>
		<span class="position#id#" style="font-weight:bold;"></span><br>
		<div style="#displayHistory# font-size: 0.8em;">
		<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>
      	<span class="timeCmd#id#"></span>
    <style>
.timeCmd#id# {
  	  width:45%;
      display:inline-block;
      font-size:13px;
      font-weight:bold;
  	  line-height:1.5;
      margin:5px 0px 5px 0px;
      background-color:#cmdColor#!important;
      border-radius: 7px;
/*    box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 1),0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;*/
      box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 1) inset,0px 2px 2px 0px rgba(255, 255, 255, 0.5);
      text-shadow: 1px 2px 8px #000;
    }
  </style>
	<script>
   	 var iconUpdate#uid# = function (state) {
   var valueType = ('#type#' !='#'+'type#') ? "#type#":"volet1";
   var srcImg = "plugins/widget/core/template/dashboard/cmd.info.numeric.MultiOuvrants/"+valueType;
   var valueH = is_numeric('#hauteur2#') ? parseFloat('#hauteur2#'):75;
   var valueL = is_numeric('#largeur2#') ? parseFloat('#largeur2#'):75;
   var paramTaille = 'height='+valueH+'px width='+valueL+'px';
      
		$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').empty();
		if (state == 0) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/0.png" '+paramTaille+'>');
		}
		if (state > 0 && state <= 11) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/10.png" '+paramTaille+'>');
		}
		if (state > 11 && state <= 22) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/20.png" '+paramTaille+'>');
		}
		if (state > 22 && state <= 33) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/30.png" '+paramTaille+'>');
		}
		if (state > 33 && state <= 44) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/40.png" '+paramTaille+'>');
		}
		if (state > 44 && state <= 55) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/50.png" '+paramTaille+'>');
		}
		if (state > 55 && state <= 66) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/60.png" '+paramTaille+'>');
        }  
		if (state > 66 && state <= 77) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/70.png" '+paramTaille+'>');
		}
		if (state > 77 && state <= 88) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/80.png" '+paramTaille+'>');
		}
		if (state > 88 && state < 99) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/90.png" '+paramTaille+'>');
		}
		if (state >= 99 && state <= 100) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/100.png" '+paramTaille+'>');
		}
      }
      
	jeedom.cmd.update['#id#'] = function(_options){
		iconUpdate#uid#(_options.display_value);
      
   var valuePosition = Boolean('#position#');
     if (valuePosition == false) { 
		 $('.cmd[data-cmd_id=#id#] .position#id#').empty().text(_options.display_value+'#unite#').show();
     }
     else {
       $('.cmd[data-cmd_uid=#uid#] .position#id#').empty().text(_options.display_value+'#unite#').hide();
     }
      
      var valUptime = '#time#';
      
      if (valUptime == 'duree') {
 		$.include(['plugins/widget/core/template/dashboard/cmd.info.numeric.MultiOuvrants/duration.custom.js'], function() {
         jeedom.cmd.displayDuration2(_options.valueDate, $('.cmd[data-cmd_id=#id#] .timeCmd#id#'));  
	 })
      	}
      else if (valUptime == 'date') {
        var week = ['dim.', 'lun.', 'mar.', 'mer.', 'jeu.', 'ven.', 'sam.'];
        var month = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
        var date = new Date(_options.valueDate);
		var format = week[date.getDay()]+" "+date.getDate()+"/"+month[date.getMonth()];
		var time = "à "+date.getHours()+":"+(date.getMinutes()<10?'0':'')+date.getMinutes();
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(format+'<br>'+time);
      	}
      else if (valUptime == 'heure') {
        var dateString = _options.valueDate;
		var d = dateString.replace(' ', 'T');
       /* var date = new Date(_options.valueDate);*/
        var time = "à "+d.getHours()+":"+(d.getMinutes()<10?'0':'')+d.getMinutes()+":"+(d.getSeconds()<10?'0':'')+d.getSeconds()+"";
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(time);
      	}
      
	}
	jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#'});
	</script>
</div>

Je viens de faire le test, maintenant rien ne s'affiche.

ArthurH a écrit : ↑
28 avr. 2019, 10:59
Je viens de faire le test, maintenant rien ne s'affiche.

Ok je crois savoir pourquoi...j'ai mal vérifié de mon côté désolé

Je retente autre chose tout à l'heure

EDIT: Et avec ce code ?

Code : Tout sélectionner

<!-- volet1 // volet2 // volet3 // volet4 // volet5 // volet6 // volet7 // volet 8 // volet9 // velux1 // velux2 // velux3 // rideau1 // rideau2 
// store1 // portail1 // garage1 -->
<!-- AUTRES: cuve1 // spot1 // spot2 // ampoule1 // lumext1 -->

<div class="cmd" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
		<span style="font-size:12px;#hideCmdName#">#name_display#</span>
		<div class="iconCmd#id#"></div>
		<span class="position#id#" style="font-weight:bold;"></span><br>
		<div style="#displayHistory# font-size: 0.8em;">
		<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>
      	<span class="timeCmd#id#"></span>
    <style>
.timeCmd#id# {
  	  width:45%;
      display:inline-block;
      font-size:13px;
      font-weight:bold;
  	  line-height:1.5;
      margin:5px 0px 5px 0px;
      background-color:#cmdColor#!important;
      border-radius: 7px;
/*    box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 1),0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;*/
      box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 1) inset,0px 2px 2px 0px rgba(255, 255, 255, 0.5);
      text-shadow: 1px 2px 8px #000;
    }
  </style>
	<script>
   	 var iconUpdate#uid# = function (state) {
   var valueType = ('#type#' !='#'+'type#') ? "#type#":"volet1";
   var srcImg = "plugins/widget/core/template/dashboard/cmd.info.numeric.MultiOuvrants/"+valueType;
   var valueH = is_numeric('#hauteur2#') ? parseFloat('#hauteur2#'):75;
   var valueL = is_numeric('#largeur2#') ? parseFloat('#largeur2#'):75;
   var paramTaille = 'height='+valueH+'px width='+valueL+'px';
      
		$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').empty();
		if (state == 0) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/0.png" '+paramTaille+'>');
		}
		if (state > 0 && state <= 11) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/10.png" '+paramTaille+'>');
		}
		if (state > 11 && state <= 22) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/20.png" '+paramTaille+'>');
		}
		if (state > 22 && state <= 33) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/30.png" '+paramTaille+'>');
		}
		if (state > 33 && state <= 44) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/40.png" '+paramTaille+'>');
		}
		if (state > 44 && state <= 55) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/50.png" '+paramTaille+'>');
		}
		if (state > 55 && state <= 66) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/60.png" '+paramTaille+'>');
        }  
		if (state > 66 && state <= 77) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/70.png" '+paramTaille+'>');
		}
		if (state > 77 && state <= 88) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/80.png" '+paramTaille+'>');
		}
		if (state > 88 && state < 99) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/90.png" '+paramTaille+'>');
		}
		if (state >= 99 && state <= 100) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/100.png" '+paramTaille+'>');
		}
      }
      
	jeedom.cmd.update['#id#'] = function(_options){
		iconUpdate#uid#(_options.display_value);
      
   var valuePosition = Boolean('#position#');
     if (valuePosition == false) { 
		 $('.cmd[data-cmd_id=#id#] .position#id#').empty().text(_options.display_value+'#unite#').show();
     }
     else {
       $('.cmd[data-cmd_uid=#uid#] .position#id#').empty().text(_options.display_value+'#unite#').hide();
     }
      
      var valUptime = '#time#';
      
      if (valUptime == 'duree') {
 		$.include(['plugins/widget/core/template/dashboard/cmd.info.numeric.MultiOuvrants/duration.custom.js'], function() {
         jeedom.cmd.displayDuration2(_options.valueDate, $('.cmd[data-cmd_id=#id#] .timeCmd#id#'));  
	 })
      	}
      else if (valUptime == 'date') {
        var week = ['dim.', 'lun.', 'mar.', 'mer.', 'jeu.', 'ven.', 'sam.'];
        var month = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
        var date = new Date(_options.valueDate);
		var format = week[date.getDay()]+" "+date.getDate()+"/"+month[date.getMonth()];
		var time = "à "+date.getHours()+":"+(date.getMinutes()<10?'0':'')+date.getMinutes();
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(format+'<br>'+time);
      	}
      else if (valUptime == 'heure') {
        var dateString = _options.valueDate;
	var d = new Date(dateString.replace(' ', 'T'));
       /* var date = new Date(_options.valueDate);*/
        var time = "à "+d.getHours()+":"+(d.getMinutes()<10?'0':'')+d.getMinutes()+":"+(d.getSeconds()<10?'0':'')+d.getSeconds()+"";
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(time);
      	}
      
	}
	jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#'});
	</script>
</div>

Salvialf a écrit : ↑

28 avr. 2019, 11:09

ArthurH a écrit : ↑
28 avr. 2019, 10:59
Je viens de faire le test, maintenant rien ne s'affiche.

Ok je crois savoir pourquoi...j'ai mal vérifié de mon côté désolé

Je retente autre chose tout à l'heure

EDIT: Et avec ce code ?

Code : Tout sélectionner

<!-- volet1 // volet2 // volet3 // volet4 // volet5 // volet6 // volet7 // volet 8 // volet9 // velux1 // velux2 // velux3 // rideau1 // rideau2 
// store1 // portail1 // garage1 -->
<!-- AUTRES: cuve1 // spot1 // spot2 // ampoule1 // lumext1 -->

<div class="cmd" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
		<span style="font-size:12px;#hideCmdName#">#name_display#</span>
		<div class="iconCmd#id#"></div>
		<span class="position#id#" style="font-weight:bold;"></span><br>
		<div style="#displayHistory# font-size: 0.8em;">
		<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>
      	<span class="timeCmd#id#"></span>
    <style>
.timeCmd#id# {
  	  width:45%;
      display:inline-block;
      font-size:13px;
      font-weight:bold;
  	  line-height:1.5;
      margin:5px 0px 5px 0px;
      background-color:#cmdColor#!important;
      border-radius: 7px;
/*    box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 1),0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;*/
      box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 1) inset,0px 2px 2px 0px rgba(255, 255, 255, 0.5);
      text-shadow: 1px 2px 8px #000;
    }
  </style>
	<script>
   	 var iconUpdate#uid# = function (state) {
   var valueType = ('#type#' !='#'+'type#') ? "#type#":"volet1";
   var srcImg = "plugins/widget/core/template/dashboard/cmd.info.numeric.MultiOuvrants/"+valueType;
   var valueH = is_numeric('#hauteur2#') ? parseFloat('#hauteur2#'):75;
   var valueL = is_numeric('#largeur2#') ? parseFloat('#largeur2#'):75;
   var paramTaille = 'height='+valueH+'px width='+valueL+'px';
      
		$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').empty();
		if (state == 0) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/0.png" '+paramTaille+'>');
		}
		if (state > 0 && state <= 11) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/10.png" '+paramTaille+'>');
		}
		if (state > 11 && state <= 22) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/20.png" '+paramTaille+'>');
		}
		if (state > 22 && state <= 33) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/30.png" '+paramTaille+'>');
		}
		if (state > 33 && state <= 44) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/40.png" '+paramTaille+'>');
		}
		if (state > 44 && state <= 55) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/50.png" '+paramTaille+'>');
		}
		if (state > 55 && state <= 66) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/60.png" '+paramTaille+'>');
        }  
		if (state > 66 && state <= 77) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/70.png" '+paramTaille+'>');
		}
		if (state > 77 && state <= 88) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/80.png" '+paramTaille+'>');
		}
		if (state > 88 && state < 99) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/90.png" '+paramTaille+'>');
		}
		if (state >= 99 && state <= 100) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/100.png" '+paramTaille+'>');
		}
      }
      
	jeedom.cmd.update['#id#'] = function(_options){
		iconUpdate#uid#(_options.display_value);
      
   var valuePosition = Boolean('#position#');
     if (valuePosition == false) { 
		 $('.cmd[data-cmd_id=#id#] .position#id#').empty().text(_options.display_value+'#unite#').show();
     }
     else {
       $('.cmd[data-cmd_uid=#uid#] .position#id#').empty().text(_options.display_value+'#unite#').hide();
     }
      
      var valUptime = '#time#';
      
      if (valUptime == 'duree') {
 		$.include(['plugins/widget/core/template/dashboard/cmd.info.numeric.MultiOuvrants/duration.custom.js'], function() {
         jeedom.cmd.displayDuration2(_options.valueDate, $('.cmd[data-cmd_id=#id#] .timeCmd#id#'));  
	 })
      	}
      else if (valUptime == 'date') {
        var week = ['dim.', 'lun.', 'mar.', 'mer.', 'jeu.', 'ven.', 'sam.'];
        var month = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
        var date = new Date(_options.valueDate);
		var format = week[date.getDay()]+" "+date.getDate()+"/"+month[date.getMonth()];
		var time = "à "+date.getHours()+":"+(date.getMinutes()<10?'0':'')+date.getMinutes();
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(format+'<br>'+time);
      	}
      else if (valUptime == 'heure') {
        var dateString = _options.valueDate;
	var d = new Date(dateString.replace(' ', 'T'));
       /* var date = new Date(_options.valueDate);*/
        var time = "à "+d.getHours()+":"+(d.getMinutes()<10?'0':'')+d.getMinutes()+":"+(d.getSeconds()<10?'0':'')+d.getSeconds()+"";
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(time);
      	}
      
	}
	jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#'});
	</script>
</div>

Oui, c'est tout bon pour 'time' 'heure' merci

Par contre j'ai 2 heures de décalage

Ah bonne nouvelle ça !! Merci de faire les tests ça m'aide énormément !

2 heures de décalage: ce doit être l'heure GMT.... Bizarre car le widget récupère la date de valeur de la commande. je regarde... Ton jeedom tourne sur quelle machine ? Il est à l'heure en haut à droite ? Et comme date de valeur dans les paramètres de ta commande info/numérique ?

Pour la date Je vais poster un code rapidement ...au plus simple dans un 1er temps si ça ne fonctionne pas direct j'aurai d'autres solutions à tester mais j'attends le retour sur l'heure car je vais peut-être devoir modifier le code en fonction.

Si d'autres utilisateurs d'iphone pouvaient tester et confirmer que le problème de décalage de l'heure est général ça m'aiderait bien merci d'avance.

Salvialf a écrit : ↑
28 avr. 2019, 12:07
Ah bonne nouvelle ça !! Merci de faire les tests ça m'aide énormément !

2 heures de décalage: ce doit être l'heure GMT.... Bizarre car le widget récupère la date de valeur de la commande. je regarde... Ton jeedom tourne sur quelle machine ? Il est à l'heure en haut à droite ? Et comme date de valeur dans les paramètres de ta commande info/numérique ?
datevaleur.jpg

Pour la date Je post un code dans quelques minutes ...au plus simple dans un 1er temps si ça ne fonctionne pas direct j'aurai d'autres solutions à tester pour la date.

A tout de suite...

Je tourne sur une VM Proxmox et l'heure en haut à droite est la bonne ainsi que dans paramètres info/numérique.
Prêt à tester pour la date

ArthurH a écrit : ↑
28 avr. 2019, 12:28
Je tourne sur une VM Proxmox et l'heure en haut à droite est la bonne ainsi que dans paramètres info/numérique.
Prêt à tester pour la date

On fait un nouvel essai pour l'heure histoire d'avoir l'heure locale et non GMT ? ...Si OK je m'attaque à la date dans la foulée.

Donc pour l'heure est-ce que ça s'affiche et à la bonne heure avec ce code ?

Code : Tout sélectionner

<!-- volet1 // volet2 // volet3 // volet4 // volet5 // volet6 // volet7 // volet 8 // volet9 // velux1 // velux2 // velux3 // rideau1 // rideau2 
// store1 // portail1 // garage1 -->
<!-- AUTRES: cuve1 // spot1 // spot2 // ampoule1 // lumext1 -->

<div class="cmd" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
		<span style="font-size:12px;#hideCmdName#">#name_display#</span>
		<div class="iconCmd#id#"></div>
		<span class="position#id#" style="font-weight:bold;"></span><br>
		<div style="#displayHistory# font-size: 0.8em;">
		<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>
      	<span class="timeCmd#id#"></span>
    <style>
.timeCmd#id# {
  	  width:45%;
      display:inline-block;
      font-size:13px;
      font-weight:bold;
  	  line-height:1.5;
      margin:5px 0px 5px 0px;
      background-color:#cmdColor#!important;
      border-radius: 7px;
/*    box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 1),0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;*/
      box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 1) inset,0px 2px 2px 0px rgba(255, 255, 255, 0.5);
      text-shadow: 1px 2px 8px #000;
    }
  </style>
	<script>
   	 var iconUpdate#uid# = function (state) {
   var valueType = ('#type#' !='#'+'type#') ? "#type#":"volet1";
   var srcImg = "plugins/widget/core/template/dashboard/cmd.info.numeric.MultiOuvrants/"+valueType;
   var valueH = is_numeric('#hauteur2#') ? parseFloat('#hauteur2#'):75;
   var valueL = is_numeric('#largeur2#') ? parseFloat('#largeur2#'):75;
   var paramTaille = 'height='+valueH+'px width='+valueL+'px';
      
		$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').empty();
		if (state == 0) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/0.png" '+paramTaille+'>');
		}
		if (state > 0 && state <= 11) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/10.png" '+paramTaille+'>');
		}
		if (state > 11 && state <= 22) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/20.png" '+paramTaille+'>');
		}
		if (state > 22 && state <= 33) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/30.png" '+paramTaille+'>');
		}
		if (state > 33 && state <= 44) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/40.png" '+paramTaille+'>');
		}
		if (state > 44 && state <= 55) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/50.png" '+paramTaille+'>');
		}
		if (state > 55 && state <= 66) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/60.png" '+paramTaille+'>');
        }  
		if (state > 66 && state <= 77) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/70.png" '+paramTaille+'>');
		}
		if (state > 77 && state <= 88) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/80.png" '+paramTaille+'>');
		}
		if (state > 88 && state < 99) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/90.png" '+paramTaille+'>');
		}
		if (state >= 99 && state <= 100) {
			$('.cmd[data-cmd_uid=#uid#] .iconCmd#id#').html('<img style="display: inline-block;" src="'+srcImg+'/100.png" '+paramTaille+'>');
		}
      }
      
	jeedom.cmd.update['#id#'] = function(_options){
		iconUpdate#uid#(_options.display_value);
      
   var valuePosition = Boolean('#position#');
     if (valuePosition == false) { 
		 $('.cmd[data-cmd_id=#id#] .position#id#').empty().text(_options.display_value+'#unite#').show();
     }
     else {
       $('.cmd[data-cmd_uid=#uid#] .position#id#').empty().text(_options.display_value+'#unite#').hide();
     }
      
      var valUptime = '#time#';
      
      if (valUptime == 'duree') {
 		$.include(['plugins/widget/core/template/dashboard/cmd.info.numeric.MultiOuvrants/duration.custom.js'], function() {
         jeedom.cmd.displayDuration2(_options.valueDate, $('.cmd[data-cmd_id=#id#] .timeCmd#id#'));  
	 })
      	}
      else if (valUptime == 'date') {
        var week = ['dim.', 'lun.', 'mar.', 'mer.', 'jeu.', 'ven.', 'sam.'];
        var month = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
        var date = new Date(_options.valueDate);
		var format = week[date.getDay()]+" "+date.getDate()+"/"+month[date.getMonth()];
		var time = "à "+date.getHours()+":"+(date.getMinutes()<10?'0':'')+date.getMinutes();
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(format+'<br>'+time);
      	}
      else if (valUptime == 'heure') {
        var dateString = _options.valueDate;
		var d = new Date(dateString.replace(' ', 'T'));
       /* var date = new Date(_options.valueDate);*/
      /*  var time = "à "+d.getHours()+":"+(d.getMinutes()<10?'0':'')+d.getMinutes()+":"+(d.getSeconds()<10?'0':'')+d.getSeconds()+"";*/
        var time = "à "+d.toLocaleTimeString();
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(time);
      	}
      
	}
	jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#'});
	</script>
</div>

Forum Communauté Jeedom

[WIDGET] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants

Re: [Widget] MultiOuvrants