widget input clock, switch, numérique, ...
Re: widget input clock, switch, numérique, ...
Bonjour @winhex,
Je vous prie de m'excuser, j'ai mis en service votre widget sur mon Jeedom, génial. J'ai cherché la version mobile sur le market, pas trouvé, en lisant les 2 pages je découvre le code du widget en version mobile , me semblerait-il.
Mais comment le mettre en application?
Merci pour votre travail.
Je vous prie de m'excuser, j'ai mis en service votre widget sur mon Jeedom, génial. J'ai cherché la version mobile sur le market, pas trouvé, en lisant les 2 pages je découvre le code du widget en version mobile , me semblerait-il.
Mais comment le mettre en application?
Merci pour votre travail.
Re: widget input clock, switch, numérique, ...
bonjour,
ça te servira pour plus tard
tu as 2 possibilités
faire un widget mobile
- tu dupliques le widget (nom de ton choix)
tu mets en mobiles (sauvegarde)
et tu colles le code (sauvegarde)
et tu l'appliques
une personnalisation avancé
- tu vas dans la configuration avancée de ton action
dernier onglet
activé la personnalisation avancé
clic onglet mobile
et tu colles le code
ça te servira pour plus tard
tu as 2 possibilités
faire un widget mobile
- tu dupliques le widget (nom de ton choix)
tu mets en mobiles (sauvegarde)
et tu colles le code (sauvegarde)
et tu l'appliques
une personnalisation avancé
- tu vas dans la configuration avancée de ton action
dernier onglet
activé la personnalisation avancé
clic onglet mobile
et tu colles le code
Dernière édition par winhex le 18 avr. 2018, 20:36, édité 1 fois.
Re: widget input clock, switch, numérique, ...
Yep merci +2 Good Jobwinhex a écrit : ↑18 avr. 2018, 20:33bonjour,
ça te servira pour plus tard
tu as 2 possibilités
faire un widget mobile
- tu dupliques le widget (nom de ton choix)
tu mets en mobiles (sauvegarde)
et tu colles le code (sauvegarde)
et tu l'appliques
une personnalisation avancé
- tu vas dans la configuration avancée de ton action
dernier onglet
activé la personnalisation avancé
clic onglet mobile
et tu colles le code
Re: widget input clock, switch, numérique, ...
Yop,
J'ai fait la modif par personnalisation avancée du code de la commande de mon widget,
=> j'ai fais un test sur mon smartphone = Wahouuuuu l'affiche génial, cependant après saisi, aucune validation de la saisie...
Qu'aurais je oublié?
J'ai fait la modif par personnalisation avancée du code de la commande de mon widget,
=> j'ai fais un test sur mon smartphone = Wahouuuuu l'affiche génial, cependant après saisi, aucune validation de la saisie...
Qu'aurais je oublié?
Re: widget input clock, switch, numérique, ...
faut cliqué sur le petit v "pour validation" de ta valeur.
je modifierai ça avec les info de @ludomin mais je suis débordé de projets
je modifierai ça avec les info de @ludomin mais je suis débordé de projets
Re: widget input clock, switch, numérique, ...
Ok pas grave à l'occase, sinon je reviens à l'ancien widget core pour mobile.
Je crois que tel quel faut revoir la taille du widget parce que le "V" ne validation n'est pas visible, donc pas possible de cliquer dessus.
Bonne soirée et merci pour ce super travail +1
-
- Timide
- Messages : 111
- Inscription : 30 mai 2018, 15:10
Re: widget input clock, switch, numérique, ...
Bonjour,
Désolé mais je ne comprends rien
J'ai installé le widget. j'aimerais pouvoir paramétrer deux "alarmes" avec ça, que j'appelerais HeureMatin et HeureSoir.
Je n'y connais rien, je suis bloqué là, pouvez-vous m'aider svp?
Désolé mais je ne comprends rien
J'ai installé le widget. j'aimerais pouvoir paramétrer deux "alarmes" avec ça, que j'appelerais HeureMatin et HeureSoir.
Je n'y connais rien, je suis bloqué là, pouvez-vous m'aider svp?
Re: widget input clock, switch, numérique, ...
Hello, je cherche à utiliser le widget Toogle, mais le lien vers la vidéo n'est pas/plus dans le descriptif. Serait-il possible d'avoir plus d'explication ?
Re: widget input clock, switch, numérique, ...
bizarre j'ai rien fait !
https://youtu.be/5uJYN79Tp00
je pourrais la refaire pour la dernière partie
vu que je n'ai plus besoin de scenario.
ça prend du temps et je suis sur une autre en se moment.
https://youtu.be/5uJYN79Tp00
je pourrais la refaire pour la dernière partie
vu que je n'ai plus besoin de scenario.
ça prend du temps et je suis sur une autre en se moment.
Re: widget input clock, switch, numérique, ...
Bonjour,
J'ai configuré le virtuel comme le premier screen mais je n'ai aucun bouton pour modifier/valider l'heure.
Comment faire pour avoir ce boutons ?
Merci.
J'ai configuré le virtuel comme le premier screen mais je n'ai aucun bouton pour modifier/valider l'heure.
Comment faire pour avoir ce boutons ?
Merci.
Re: widget input clock, switch, numérique, ...
je l'ai supprimé (sans la validation de se bouton la commande n'était pas interprété et cela porté à confusion) suite au retour
sur pc = touche entrée
sur tab/Phone = idem puisque le clavier mode clock /numérique apparaît
tu peux même enregistrer des heures
un simple clic (validation)
alors qu'avant fallait en plus cliquer sur le bouton en plus
si je clic sur validation
j'ai l'horloge et si clic petit icône en bas à gauche
mode clavier numérique
sur pc = touche entrée
sur tab/Phone = idem puisque le clavier mode clock /numérique apparaît
tu peux même enregistrer des heures
un simple clic (validation)
alors qu'avant fallait en plus cliquer sur le bouton en plus
si je clic sur validation
j'ai l'horloge et si clic petit icône en bas à gauche
mode clavier numérique
Re: widget input clock, switch, numérique, ...
si tu veux l'enregistrement
idem en numérique
amuse toi avec cette modif
Code : Tout sélectionner
<div class="tooltips cmd cmd-widget" data-type="action" data-subtype="slider" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" style="min-width:100px;">
<div class="input-group" style="width: 80px;">
<input list="limittimeslist#id#" style="height: 33px;border-radius: 5px;font-size : 16px;font-weight: Bold;background-color:#e4e2c2;text-align: right;" class="form-control input-sm value execute" type="time" placeholder="#title_placeholder#" value="#state#" data-cmd_id="#id#" required >
<datalist id="limittimeslist#id#">
<option value="06:40" data-id="1">some</option>
<option value="08:24">
</datalist>
<style>
/* Firefox */
input[data-cmd_id="#id#"] {
-moz-appearance: textfield;
}
/* Chrome */
input[data-cmd_id="#id#"]::-webkit-inner-spin-button,
input[data-cmd_id="#id#"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin:0;
}
/* Opéra*/
input[data-cmd_id="#id#"]::-o-inner-spin-button,
input[data-cmd_id="#id#"]::-o-outer-spin-button {
-o-appearance: none;
margin:0
}
</style>
</div>
<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$('.cmd[data-cmd_uid=#uid#] .execute').on("change", function () {
jeedom.cmd.execute({id:'#id#', value: {slider: $('.cmd[data-cmd_uid=#uid#] .value').val().replace("#unite#", "").replace(" ", "")}});
});
} else {
$('.cmd[data-cmd_uid=#uid#]:last .execute').keypress(function( event ) {
if(event.which == 13) {
jeedom.cmd.execute({id:'#id#', value: {slider: $('.cmd[data-cmd_uid=#uid#] .value').val().replace("#unite#", "").replace(" ", "")}});
}});
}
/*
}
else {
}
startTime#id#.addEventListener("input", function() {
jeedom.cmd.execute({id:'#id#', value: {slider: $('.cmd[data-cmd_uid=#uid#] .value').val().replace("#unite#", "").replace(" ", "")}});
}, false);
$('.cmd[data-cmd_uid=#uid#]:last .execute').keypress(function( event ) {
if(event.which == 13) {
jeedom.cmd.execute({id:'#id#', value: {slider: $('.cmd[data-cmd_uid=#uid#] .value').val().replace("#unite#", "").replace(" ", "")}});
}});
*/
</script>
</div>
Code : Tout sélectionner
<div class="tooltips cmd cmd-widget" data-type="action" data-subtype="slider" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" style="width:80px;">
<center> <span style="font-style: oblique;font-size : 13px;#hideCmdName#;" class="cmdName">#name#</span></center>
<div class="input-group">
<input list="limittimeslist#id#" style="width:75px;height: 33px;border-radius: 5px;font-size : 16px;font-weight: Bold;background-color:#e4e2c2;text-align: right;" class="form-control input-sm value execute" type="number" step="0.5" min="12" max="30" placeholder="#state#" value="a" data-cmd_id="#id#"/>
<datalist id="limittimeslist#id#">
<option value="12.0" data-id="1">Stop</option>
<option value="18.0"data-id="2">Eco</option>
<option value="19.0"data-id="3">Nuit</option>
<option value="20.5"data-id="4">Confort</option>
</datalist>
</div>
<style>
/* Firefox */
input[data-cmd_id="#id#"] {
-moz-appearance: textfield;
}
/* Chrome */
input[data-cmd_id="#id#"]::-webkit-inner-spin-button,
input[data-cmd_id="#id#"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin:0;
}
/* Opéra*/
input[data-cmd_id="#id#"]::-o-inner-spin-button,
input[data-cmd_id="#id#"]::-o-outer-spin-button {
-o-appearance: none;
margin:0
}
</style>
<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$('.cmd[data-cmd_uid=#uid#] .execute').on("change", function () {
jeedom.cmd.execute({id:'#id#', value: {slider: $('.cmd[data-cmd_uid=#uid#] .value').val().replace("#unite#", "").replace(" ", "")}});
});
} else {
$('.cmd[data-cmd_uid=#uid#]:last .execute').keypress(function( event ) {
if(event.which == 13) {
jeedom.cmd.execute({id:'#id#', value: {slider: $('.cmd[data-cmd_uid=#uid#] .value').val().replace("#unite#", "").replace(" ", "")}});
}});
}
</script>
</div>
Re: widget input clock, switch, numérique, ...
Bonjour,
En premier lieu merci pour ces widgets, mais une petite question car j'utilise le widget slider on/off mais il produit un warning dans la log
La version du market (beta est la dernière version dispo ?
Existe-t-il aussi un widget similaire mais avec 3 positions ou une adaptation est-elle possible ?
Merci
En premier lieu merci pour ces widgets, mais une petite question car j'utilise le widget slider on/off mais il produit un warning dans la log
Code : Tout sélectionner
[Mon Mar 04 20:05:06.836280 2019] [:error] [pid 26715] [client 192.168.1.83:51907] PHP Warning: Cannot use a scalar value as an array in /var/www/html/core/ajax/cmd.ajax.php on line 72, referer: https://azertyuiop.ddns.net/index.php?v=d&p=dashboard&object_id=1
[Mon Mar 04 20:05:06.871428 2019] [:error] [pid 26715] [client 192.168.1.83:51907] PHP Warning: Illegal string offset 'slider' in /var/www/html/plugins/virtual/core/class/virtual.class.php on line 313, referer: https://azertyuiop.ddns.net/index.php?v=d&p=dashboard&object_id=1
Existe-t-il aussi un widget similaire mais avec 3 positions ou une adaptation est-elle possible ?
Merci
Pi4/4Go +SSD 32Go (Wifi et bluetooth actifs) + Clé USB Z-Wave Everspring + rfxcom (RTS) + Google Home
7 Danfoss LC-13
2 velux module DIO
7 volets RTS
3 Sonoff
IFTTT
Capteur porte, de présence, et prise intelligente...
7 Danfoss LC-13
2 velux module DIO
7 volets RTS
3 Sonoff
IFTTT
Capteur porte, de présence, et prise intelligente...
Re: widget input clock, switch, numérique, ...
c'est pas de mon niveau la recherche d'erreur et je vois rien de spécial dans le code
si tu le dis je te crois mais je vois pas.
c'est un simple <input type="checkbox">
https://developer.mozilla.org/fr/docs/W ... t/checkbox
le reste c'est de la mise en forme css pour en faire un toggle
https://www.creativejuiz.fr/blog/tutori ... eckbox-css
je fais toujours une unique version car j'ai pas de github pour mise à jour
(se que je met sur le market reste sans mise à jour)
je ne suis pas développeur pour en plus ouvrir un compte github,...
ça existe sur le market
https://www.jeedom.com/market/index.php ... oOnOff_IMG
ou faisable
http://jsfiddle.net/darkajax/MbR6c/
enléve disable du code et clic sur run
pour une personnalisation basique
pour mon utilisation avec plus de 2 choix
j'utilise :
- select liste que jeedom propose en natif avec une personnalisation du code
brut de pomme
si oui, non ou auto la couleur différe
- Ou des boutons
si tu le dis je te crois mais je vois pas.
c'est un simple <input type="checkbox">
https://developer.mozilla.org/fr/docs/W ... t/checkbox
le reste c'est de la mise en forme css pour en faire un toggle
https://www.creativejuiz.fr/blog/tutori ... eckbox-css
je fais toujours une unique version car j'ai pas de github pour mise à jour
(se que je met sur le market reste sans mise à jour)
je ne suis pas développeur pour en plus ouvrir un compte github,...
ça existe sur le market
https://www.jeedom.com/market/index.php ... oOnOff_IMG
ou faisable
http://jsfiddle.net/darkajax/MbR6c/
enléve disable du code et clic sur run
pour une personnalisation basique
pour mon utilisation avec plus de 2 choix
j'utilise :
- select liste que jeedom propose en natif avec une personnalisation du code
brut de pomme
si oui, non ou auto la couleur différe
si oui présence oui
si non présence non
si auto présence nut
pour palier oublie, panne de pile ou ...
Code : Tout sélectionner
<div class="cmd cmd-widget reportModeHidden" data-type="action" data-subtype="select" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" style="display: table; width: 56px;height: 20px;">
<span class="cmdName" style="font-weight: bold;font-size : 12px;#hideCmdName#">#name_display#</span>
<div class="select-style#id#">
<select class="select-style#id# selectCmd" >#listValue#</select>
</div>
<style>
:root{
--color: white;
--background: black;
--border-color:#cmdColor#;
--radius:25px;
}
// #design1 { background: blue repeat scroll 0 0 steelblue;
// border: 0px solid;
//outline: medium none;
// overflow: hidden;
//width: 5%; }
.select-style#id# {
border: 1px solid var(--border-color);
// width: 100px;
// border-radius: 13px;
// overflow: hidden;
// background: red;
border-radius: var(--radius);
background: var(--background);
width: 66px;
height: 25px;
}
.select-style#id# select {
color: var(--color)!important;
// color:black;
padding: 0px 5px;
//margin: auto;
// width: 130%;
border: none;
box-shadow: none;
// border-radius: 13px;
background: transparent!important;
// background: var(--background)!important;
background-image: none;
// -webkit-appearance: none;
// text-align: center;
// text-align-last: center;
// display: table-cell;
// vertical-align: middle;
}
.select-style#id# select:focus {
outline: none;
}
.select-style#id# select option[value="Oui"] {
color: green;
}
.select-style#id# select option[value="Non"] {
color: red;
}
.select-style#id# select option[value="Auto"] {
background: orange;
color: white;
}
</style>
<script>
// http://jsfiddle.net/TroyAlford/xwFX4/ via class
// https://coderwall.com/p/w7npmq/fully-custom-select-box-simple-css-only
// https://tympanus.net/codrops/2012/11/29/simple-effects-for-drop-down-lists
// https://tympanus.net/codrops/2014/07/10/inspiration-for-custom-select-elements/
// <select class="selectCmd#id#" style="background-color:red;border-radius: 8px;width: 56px;">#listValue#</select>
// $('.cmd[data-cmd_id=#id#] .selectCmd#id#>option:nth-child(1)' ).css('color', 'white').css('background', 'green');
//$('.cmd[data-cmd_id=#id#] .selectCmd#id#>option:nth-child(2)' ).css('color', 'white').css('background', 'red');
//$('.cmd[data-cmd_id=#id#] .selectCmd#id#>option:nth-child(3)' ).css('color', 'orange').css('background', '');;
jeedom.cmd.update['#id#'] = function(_options){
if (_options.display_value == "Oui" ) {
// $(".cmd[data-cmd_uid=#uid#] .selectCmd#id#").css('background', 'green').css('color', 'blue');
//$(".cmd[data-cmd_uid=#uid#] .selectCmd#id# option:selected").css('color', 'green');
$(".cmd[data-cmd_uid=#uid#] .selectCmd").css('--color', 'white');
$(".cmd[data-cmd_uid=#uid#] .select-style#id#").css('--background', 'green');
$(".cmd[data-cmd_uid=#uid#] .select-style#id#").css('--border-color', 'white');
//$('#cmdButton#id#').removeClass("#id#-01").addClass("#id#-02");
}
else if (_options.display_value == "Non" ) {
$(".cmd[data-cmd_uid=#uid#] .selectCmd").css('--color', 'white');
$(".cmd[data-cmd_uid=#uid#] .select-style#id#").css('--background', 'red');
$(".cmd[data-cmd_uid=#uid#] .select-style#id#").css('--border-color', 'white');
// $('select option:selected').text("test");
// $(".cmd[data-cmd_uid=#uid#] .selectCmd#id#").css('--background', 'red');
// $(".cmd[data-cmd_uid=#uid#] .selectCmd#id#").css('background', 'red').css('color', 'white');
//$('#cmdButton#id#').removeClass("#id#-02").addClass("#id#-01");
// $(".cmd[data-cmd_uid=#uid#] .selectCmd#id# option:selected").css('color', 'red');
}
else {
// $(".cmd[data-cmd_uid=#uid#] .selectCmd#id# option:selected").css('color', 'orange');
$(".cmd[data-cmd_uid=#uid#] .select-style#id#").css('--background', 'black');
$(".cmd[data-cmd_uid=#uid#] .selectCmd").css('--color', 'orange');
$(".cmd[data-cmd_uid=#uid#] .select-style#id#").css('--border-color', 'orange');
}
}
jeedom.cmd.update['#id#']({display_value: '#state#'});
$(".cmd[data-cmd_uid=#uid#] .selectCmd").on('change', function () {
jeedom.cmd.execute({id: '#id#', value: {select: $(this).value()}});
});
</script>
</div>
Re: widget input clock, switch, numérique, ...
Merci pour ce retour. Je vais voir ce que je peux exploiter comme solution alternative
Pi4/4Go +SSD 32Go (Wifi et bluetooth actifs) + Clé USB Z-Wave Everspring + rfxcom (RTS) + Google Home
7 Danfoss LC-13
2 velux module DIO
7 volets RTS
3 Sonoff
IFTTT
Capteur porte, de présence, et prise intelligente...
7 Danfoss LC-13
2 velux module DIO
7 volets RTS
3 Sonoff
IFTTT
Capteur porte, de présence, et prise intelligente...
Re: widget input clock, switch, numérique, ...
Merci winhex pour la réponse sur les boutons, et merci pour le widget !
Re: widget input clock, switch, numérique, ...
Bonjour Winhex,
Merci pour ces widgets que je découvre, j'adore le Toggle Switch! J'ai tenté de le copier en version mobile mais malheureusement cela ne fonctionne pas? une idée de ce qu'il peut y avoir à modifier?
Merci pour ces widgets que je découvre, j'adore le Toggle Switch! J'ai tenté de le copier en version mobile mais malheureusement cela ne fonctionne pas? une idée de ce qu'il peut y avoir à modifier?
1 Jeedom Smart stretch 3.3.30, zwave - rfxcom - zigbee - blea
1 Jeedom Smart stretch 3.3.30, zwave
1 Jeedom Smart stretch 3.3.30, zwave
Re: widget input clock, switch, numérique, ...
bonjour et merci
je regarderai dans la semaine
je regarderai dans la semaine
Re: widget input clock, switch, numérique, ...
Super, merci
1 Jeedom Smart stretch 3.3.30, zwave - rfxcom - zigbee - blea
1 Jeedom Smart stretch 3.3.30, zwave
1 Jeedom Smart stretch 3.3.30, zwave
Re: widget input clock, switch, numérique, ...
Bonjour, est-ce que le widget clock fonctionne tjrs avec la dernière version de jeedom ? Car juste en faisant le test "essai" (le cas de test de la première page) il apparait bien, avec la croix d'effacement, boutons up/down, mais pas de bouton de validation et la valeur essai n'est jamais impacté.
VM Jeedom - Equipements Xiaomi via Zigbee2Mqtt
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 0 invité