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 !

[WIDGET] MultiOuvrants

Réservé à l'utilisation et la création de widgets dans JEEDOM
Avatar de l’utilisateur
Salvialf
Helper
Messages : 1334
Inscription : 24 févr. 2018, 09:37
Contact :

Re: [Widget] MultiOuvrants

Message par Salvialf » 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....
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)

Avatar de l’utilisateur
ArthurH
Timide
Messages : 147
Inscription : 27 nov. 2014, 09:05
Localisation : Charente

Re: [Widget] MultiOuvrants

Message par ArthurH » 26 avr. 2019, 17:59

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 ;)

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

Re: [Widget] MultiOuvrants

Message par Salvialf » 27 avr. 2019, 14:59

*** MISE A JOUR ***

- Ajout de 5 séries de visuels "autres": cuve1, spot1, spot2, ampoule1, lumext1. (Voir 1er post)
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)

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

Re: [Widget] MultiOuvrants

Message par Salvialf » 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);
      	}
Dernière édition par Salvialf le 27 avr. 2019, 15:57, édité 2 fois.
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)

dvb
Actif
Messages : 1442
Inscription : 15 févr. 2015, 22:50

Re: [Widget] MultiOuvrants

Message par dvb » 27 avr. 2019, 15:57

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 :D
DIY 4*2GHz - 4Go RAM - SSD
- ctrl 1-wire Dallas + IPX800 + X880
- ctrl RFXcom + Oregon (température) + Anémomètre
- ctrl Gen5 + Wallplug + fgrm-222 + Benext + Everspring AN157-6 + Aeon Key Fob+ ...

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

Re: [Widget] MultiOuvrants

Message par Salvialf » 27 avr. 2019, 16:00

dvb a écrit :
27 avr. 2019, 15:57
Hello,
C'est en prod => Merci m'sieur :D
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 ?
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)

dvb
Actif
Messages : 1442
Inscription : 15 févr. 2015, 22:50

Re: [Widget] MultiOuvrants

Message par dvb » 27 avr. 2019, 17:38

Salvialf a écrit :
27 avr. 2019, 16:00
dvb a écrit :
27 avr. 2019, 15:57
Hello,
C'est en prod => Merci m'sieur :D
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 :-)
DIY 4*2GHz - 4Go RAM - SSD
- ctrl 1-wire Dallas + IPX800 + X880
- ctrl RFXcom + Oregon (température) + Anémomètre
- ctrl Gen5 + Wallplug + fgrm-222 + Benext + Everspring AN157-6 + Aeon Key Fob+ ...

team18fr
Actif
Messages : 1119
Inscription : 11 oct. 2014, 18:41

Re: [Widget] MultiOuvrants

Message par team18fr » 27 avr. 2019, 18:22

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

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

Re: [Widget] MultiOuvrants

Message par Salvialf » 27 avr. 2019, 18:27

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 ?
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)

team18fr
Actif
Messages : 1119
Inscription : 11 oct. 2014, 18:41

Re: [Widget] MultiOuvrants

Message par team18fr » 27 avr. 2019, 23:49

Oui beaucoup mieux. Merci

Avatar de l’utilisateur
Dams
Helper
Messages : 878
Inscription : 16 sept. 2014, 08:06
Localisation : Annecy

Re: [Widget] MultiOuvrants

Message par Dams » 28 avr. 2019, 09:34

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
Helper Officiel Jeedom
Merci à l'équipe pour le job !!
Trucs & Astuces I Documentation Jeedom

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

Re: [Widget] MultiOuvrants

Message par Salvialf » 28 avr. 2019, 09:42

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.
Dernière édition par Salvialf le 28 avr. 2019, 09:45, édité 1 fois.
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)

Avatar de l’utilisateur
ArthurH
Timide
Messages : 147
Inscription : 27 nov. 2014, 09:05
Localisation : Charente

Re: [Widget] MultiOuvrants

Message par ArthurH » 28 avr. 2019, 09:45

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. ;)

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

Re: [Widget] MultiOuvrants

Message par Salvialf » 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' :P

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>
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)

Avatar de l’utilisateur
ArthurH
Timide
Messages : 147
Inscription : 27 nov. 2014, 09:05
Localisation : Charente

Re: [Widget] MultiOuvrants

Message par ArthurH » 28 avr. 2019, 10:59

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' :P

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. :(

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

Re: [Widget] MultiOuvrants

Message par Salvialf » 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>
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)

Avatar de l’utilisateur
ArthurH
Timide
Messages : 147
Inscription : 27 nov. 2014, 09:05
Localisation : Charente

Re: [Widget] MultiOuvrants

Message par ArthurH » 28 avr. 2019, 12:04

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 :D
Par contre j'ai 2 heures de décalage :o

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

Re: [Widget] MultiOuvrants

Message par Salvialf » 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 ?

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.
Dernière édition par Salvialf le 28 avr. 2019, 12:38, édité 1 fois.
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)

Avatar de l’utilisateur
ArthurH
Timide
Messages : 147
Inscription : 27 nov. 2014, 09:05
Localisation : Charente

Re: [Widget] MultiOuvrants

Message par ArthurH » 28 avr. 2019, 12:28

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 ;)

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

Re: [Widget] MultiOuvrants

Message par Salvialf » 28 avr. 2019, 12:37

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>
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 « [Plugin officiel] Widgets »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités