Désolé même décalage.Salvialf a écrit : ↑28 avr. 2019, 12:37On 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>
[WIDGET] MultiOuvrants
Re: [Widget] MultiOuvrants
Re: [Widget] MultiOuvrants
Suite à la modif du code es-tu repassé sur un widget mobile 'core', sauvegardé et remis MultiOuvrants? Car certaines fois les modifs ne sont pas prises en compte sinon... sûrement pareil mais c'est pour être sûr.
Je mange un bout et je m'y rattaque j'ai d'autres solutions que je trouvais un peu plus lourdes en terme de code...
Je mange un bout et je m'y rattaque j'ai d'autres solutions que je trouvais un peu plus lourdes en terme de code...
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [Widget] MultiOuvrants
Oui je viens de faire le test, idemSalvialf a écrit : ↑28 avr. 2019, 13:10Suite à la modif du code es-tu repassé sur un widget mobile 'core', sauvegardé et remis MultiOuvrants? Car certaines fois les modifs ne sont pas prises en compte sinon... sûrement pareil mais c'est pour être sûr.
Je mange un bout et je m'y rattaque j'ai d'autres solutions que je trouvais un peu plus lourdes en terme de code...
Bon appétit
Re: [Widget] MultiOuvrants
Bonjour à tous,
Ce matin je reçois une maj pour un widget pas encore utilisé dans mon jeedom alors voyant que c'est Salvialf qui en est à l"origine, je me suis dit qu'il fallait quand même que je le regarde de plus près
Je vais peut être poser une question idiote ou dont la réponse se trouve dans les pages précédentes, mais bon ...
Actuellement tous mes volets roulants utilisent le widget SlidVertical_V3 avec la commande "Positionnement"
Je constate que le widget MultiOuvrants n'est reconnu que dans la commande "Etat"
De plus :
SlidVertical_V3 permet de positionner directement à la souris (le widget est clickable), hors MultiOuvrants n'est qu'un affichage de la position.
Est ce que j'ai loupé quelque chose ?
Ci dessous comparaison entre les deux (MultiOuvrants en haut - SlidVertical_V3 en dessous) :
Ce matin je reçois une maj pour un widget pas encore utilisé dans mon jeedom alors voyant que c'est Salvialf qui en est à l"origine, je me suis dit qu'il fallait quand même que je le regarde de plus près
Je vais peut être poser une question idiote ou dont la réponse se trouve dans les pages précédentes, mais bon ...
Actuellement tous mes volets roulants utilisent le widget SlidVertical_V3 avec la commande "Positionnement"
Je constate que le widget MultiOuvrants n'est reconnu que dans la commande "Etat"
De plus :
SlidVertical_V3 permet de positionner directement à la souris (le widget est clickable), hors MultiOuvrants n'est qu'un affichage de la position.
Est ce que j'ai loupé quelque chose ?
Ci dessous comparaison entre les deux (MultiOuvrants en haut - SlidVertical_V3 en dessous) :
Jeedom Smart Z-Wave+ & RFXCOM - NAS Syno DS415+
1 BROADLINK MP1 / Gestion aquarium
4 Roller Shutter 2 - 3 Door/Windows Sensor 2 FGDW-002 - 1 Dimmer 2 FGD-212 - Bypass 2 FGB-002 - 2 FGWPE/F Wall Plug Gen5 - M. Sensor FGMS-001 - Oregon RAR502
1 BROADLINK MP1 / Gestion aquarium
4 Roller Shutter 2 - 3 Door/Windows Sensor 2 FGDW-002 - 1 Dimmer 2 FGD-212 - Bypass 2 FGB-002 - 2 FGWPE/F Wall Plug Gen5 - M. Sensor FGMS-001 - Oregon RAR502
Re: [Widget] MultiOuvrants
Bonjour,
C'est le widget de Salvialf Kontrol2 qui permet de passer des commandes cliquables proportionnelles.
C'est le widget de Salvialf Kontrol2 qui permet de passer des commandes cliquables proportionnelles.
DIY Proxmox sur HP Proliant
Débutant sur Jeedom
Débutant sur Jeedom
Re: [Widget] MultiOuvrants
Salut @glenan,glenan a écrit : ↑28 avr. 2019, 13:28Je vais peut être poser une question idiote ou dont la réponse se trouve dans les pages précédentes, mais bon ...
Actuellement tous mes volets roulants utilisent le widget SlidVertical_V3 avec la commande "Positionnement"
Je constate que le widget MultiOuvrants n'est reconnu que dans la commande "Etat"
De plus :
SlidVertical_V3 permet de positionner directement à la souris (le widget est clickable), hors MultiOuvrants n'est qu'un affichage de la position.
Est ce que j'ai loupé quelque chose ?
Effectivement MultiOuvrants est un widget pour commande info numérique (état) alors que slidvertical concerne les commandes action/curseur (positionnement).
Multiouvrants inclus 22 visuels d'équipements différents et pas uniquement des ouvrants depuis la dernière mise à jour.
De plus sur multiouvrants tu peux régler la taille des icônes et afficher les informations relatives au dernier changement d'état. Il est aussi disponible en version mobile.
Toutes les infos sont sur le 1er post du topic.
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [Widget] MultiOuvrants
Nouvel tentative sur l'heure ?! j'ai changé de méthode j'ose espérer que ça conviendra à mister iphone
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 date = _options.valueDate;
var t = date.split(/[- :]/);
var time = "à "+t[3]+":"+t[4]+":"+t[5];
$('.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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [Widget] MultiOuvrants
Yes, c'est tout bon Bravo !Salvialf a écrit : ↑28 avr. 2019, 14:45Nouvel tentative sur l'heure ?! j'ai changé de méthode j'ose espérer que ça conviendra à mister iphone
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 date = _options.valueDate; var t = date.split(/[- :]/); var time = "à "+t[3]+":"+t[4]+":"+t[5]; $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(time); } } jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#'}); </script> </div>
Re: [Widget] MultiOuvrants
Cool! J'ai 2-3 trucs à faire d'abord et après je m'occupe de la date.
Ok on y retourne j'espère que ça va le faire, je veux bien que tu testes avec "date" et à nouveau avec "heure" stp car j'ai refait une petite modif:
Ok on y retourne j'espère que ça va le faire, je veux bien que tu testes avec "date" et à nouveau avec "heure" stp car j'ai refait une petite modif:
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 date = new Date(_options.valueDate.replace(' ', 'T'));
var t = _options.valueDate.split(/[- :]/);
var format = week[date.getDay()]+" "+t[2]+"/"+t[1];
var time = "à "+t[3]+":"+t[4];
$('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(format+'<br>'+time);
}
else if (valUptime == 'heure') {
var t = _options.valueDate.split(/[- :]/);
var time = "à "+t[3]+":"+t[4]+":"+t[5];
$('.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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [Widget] MultiOuvrants
Super, tout fonctionne !Salvialf a écrit : ↑28 avr. 2019, 14:57Cool! J'ai 2-3 trucs à faire d'abord et après je m'occupe de la date.
Ok on y retourne j'espère que ça va le faire, je veux bien que tu testes avec "date" et à nouveau avec "heure" stp car j'ai refait une petite modif: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 date = new Date(_options.valueDate.replace(' ', 'T')); var t = _options.valueDate.split(/[- :]/); var format = week[date.getDay()]+" "+t[2]+"/"+t[1]; var time = "à "+t[3]+":"+t[4]; $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(format+'<br>'+time); } else if (valUptime == 'heure') { var t = _options.valueDate.split(/[- :]/); var time = "à "+t[3]+":"+t[4]+":"+t[5]; $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(time); } } jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#'}); </script> </div>
Petite question, comment diminuer l'espace entre l'icône et l'emplacement où s'affiche le 'time' ?
Re: [Widget] MultiOuvrants
Je n'ai plus qu'à modifier tous mes widgets qui utilisent ce paramètre
Un grand merci pour ton aide aujourd'hui !!
Effectivement je sais pas pourquoi j'ai ajouté une marge. Elle va disparaitre à la prochaine mise à jour qui va arriver très vite (peut-être même ce soir). Sinon il faut modifier cette ligne dans la balise <style>:
Code : Tout sélectionner
margin:5px 0px 5px 0px;
Pour info dans la prochaine mise à jour cette ligne va être remplacée par:
Code : Tout sélectionner
margin-bottom:5px;
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [Widget] MultiOuvrants
Parfait!
Je n'y avais pas pensé ...
Merci
Re: [Widget] MultiOuvrants
Non non, merci à toi pour tes super widgetsSalvialf a écrit : ↑28 avr. 2019, 20:29Je n'ai plus qu'à modifier tous mes widgets qui utilisent ce paramètre
Un grand merci pour ton aide aujourd'hui !!
Effectivement je sais pas pourquoi j'ai ajouté une marge. Elle va disparaitre à la prochaine mise à jour qui va arriver très vite (peut-être même ce soir). Sinon il faut modifier cette ligne dans la balise <style>:l'espace entre l'icône et l'affichage du 'time' est le premier 5px.Code : Tout sélectionner
margin:5px 0px 5px 0px;
Pour info dans la prochaine mise à jour cette ligne va être remplacée par:Encore merci !Code : Tout sélectionner
margin-bottom:5px;
Re: [Widget] MultiOuvrants
MISE A JOUR VERSION MOBILE
* Modification du code pour permettre l'affichage du paramètre 'time" sur iphone.
* Modification du code pour permettre l'affichage du paramètre 'time" sur 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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [Widget] MultiOuvrants
Salut @Arthur,
Du coup c'est la version dashboard du widget (pas mobile)?
Si oui je verrais pour appliquer la modif sur la version dashboard - je ne l'ai pas fait hier car le code est beaucoup plus léger sur la version dashboard et ça m'embêtais de l'alourdir... d'autre part il faut savoir que c'est chrome le navigateur officiellement supporté par jeedom.
Du coup c'est la version dashboard du widget (pas mobile)?
Si oui je verrais pour appliquer la modif sur la version dashboard - je ne l'ai pas fait hier car le code est beaucoup plus léger sur la version dashboard et ça m'embêtais de l'alourdir... d'autre part il faut savoir que c'est chrome le navigateur officiellement supporté par jeedom.
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [Widget] MultiOuvrants
Oui oui, c'est la version dashboardSalvialf a écrit : ↑29 avr. 2019, 10:00Salut @Arthur,
Du coup c'est la version dashboard du widget (pas mobile)?
Si oui je verrais pour appliquer la modif sur la version dashboard - je ne l'ai pas fait hier car le code est beaucoup plus léger sur la version dashboard et ça m'embêtais de l'alourdir... d'autre part il faut savoir que c'est chrome le navigateur officiellement supporté par jeedom.
Difficile de changer après 35 ans d'utilisation de Safari
Re: [Widget] MultiOuvrants
Bon argument! Je regarde ça dès que possible car il semble que je vais être papa pour la 3ème fois d'ici quelques heures...
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
-
- Timide
- Messages : 26
- Inscription : 01 mai 2019, 19:53
Re: [Widget] MultiOuvrants
Oh mon dieu, après iconinfo, iconaction, voilà celui ci.
Tu fais un sacré beau travail. Je test demain pour mes volets.
Merci
Tu fais un sacré beau travail. Je test demain pour mes volets.
Merci
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 14 invités