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 jauge 3 couleurs pour piscine

Réservé à l'utilisation et la création de widgets dans JEEDOM
Almy
Timide
Messages : 453
Inscription : 23 juin 2015, 23:43

Widget jauge 3 couleurs pour piscine

Message par Almy » 09 mai 2019, 17:41

Bonjour,

Je cherche à mettre à jour ce widget mais je ne maitrise pas assez le code.
Je cherche une ame charitable qui pourrait jeter un oeil sur le code et me dire ce qu'il faut changer pour avoir une réactualisation régulière des valeurs, sachant que les info remontent toutes les 5s.

Code : Tout sélectionner

<div style="width:300px;min-height : 100px;" class="cmd #history# tooltips cmd-widget conso#id#" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#">
<div class="gauge-element" id="pressureGauge" style="height: 100px; max-width: 300px; margin: 0 auto"></div>

<script src='/plugins/widget/core/template/dashboard/cmd.info.numeric.PhPiscine/dx.all.js'></script>
  
<script>

  $(function(){
   
    var pressureGauge = $("#pressureGauge").dxLinearGauge({
        title: {
           text: "Pression filtration",
           font: {
              size: 26,
             color: '#61B872'
           }
        },

        geometry: { orientation: "horizontal" },
        scale: {
            label: {
                format: {
                    type: "fixedPoint",
					precision: 1
                },
				indentFromTick: 15
            },
            startValue: 0, endValue: 250,
            tick: {
                color: 'white',
                length: 15
            },	
            customTicks: [50, 100,150,200]
        },
        rangeContainer: {
            offset: 0,
			width: 15,
			ranges: [
                { startValue: 0, endValue: 50, color: "red" },
                { startValue: 50, endValue: 100, color: "orange" },
				{ startValue: 100, endValue: 150, color: "green" },
				{ startValue: 150, endValue: 200, color: "orange" },
                { startValue: 200, endValue: 250, color: "red" }
            ]
        },
 valueIndicator: {
            type: "textcloud",
					color: "#61B872",
            text: {
                format: {
                                        precision: 1
                }
            }
        },

		value : #state#
    }).dxLinearGauge("instance");
    
});

	jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
  
  </script>
</div>
Merci
Débutant Bordelais motivé sans compétences en info et élec mais prêt a relever le défi de la domotique.

MERCI À VOUS TOUS (JEEDOM et forum) pour votre aide sans laquelle je ne serais pas là où j'en suis.

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

Re: Widget jauge 3 couleurs pour piscine

Message par Salvialf » 09 mai 2019, 19:14

Hello,

Je veux bien y jeter un coup d'oeil mais il va me falloir le fichier "dx.all.js" utilisé par le widget.

Si tu peux changer l'extension en ".txt" au lieu de ".js" et le partager ici stp?
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)

Almy
Timide
Messages : 453
Inscription : 23 juin 2015, 23:43

Re: Widget jauge 3 couleurs pour piscine

Message par Almy » 10 mai 2019, 00:32

Ok je te fais demain.
Merci
Débutant Bordelais motivé sans compétences en info et élec mais prêt a relever le défi de la domotique.

MERCI À VOUS TOUS (JEEDOM et forum) pour votre aide sans laquelle je ne serais pas là où j'en suis.

Almy
Timide
Messages : 453
Inscription : 23 juin 2015, 23:43

Re: Widget jauge 3 couleurs pour piscine

Message par Almy » 10 mai 2019, 09:41

Voici le fichier, en revanche j'ai du le compresser (2.7Mo) :
dx.all.js.txt.zip
(705.93 Kio) Téléchargé 92 fois
Merci
Débutant Bordelais motivé sans compétences en info et élec mais prêt a relever le défi de la domotique.

MERCI À VOUS TOUS (JEEDOM et forum) pour votre aide sans laquelle je ne serais pas là où j'en suis.

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

Re: Widget jauge 3 couleurs pour piscine

Message par Salvialf » 10 mai 2019, 15:46

Salut et merci pour le fichier,

Ce code a l'air d'être suffisant à 1ère vue... Je te laisse tester de ton côté et me dire ce qu'il en est:

Code : Tout sélectionner

<div style="width:300px;min-height : 100px;" class="cmd #history# tooltips cmd-widget conso#id#" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#">
<div class="gauge-element" id="pressureGauge" style="height: 100px; max-width: 300px; margin: 0 auto"></div>

<script src='/plugins/widget/core/template/dashboard/cmd.info.numeric.PhPiscine/dx.all.js'></script>
  
<script>
  jeedom.cmd.update['#id#'] = function(_options){
   
    $("#pressureGauge").dxLinearGauge({
        title: {
           text: "Pression filtration",
           font: {
              size: 26,
             color: '#61B872'
           }
        },

        geometry: { orientation: "horizontal" },
        scale: {
            label: {
                format: {
                    type: "fixedPoint",
					precision: 1
                },
				indentFromTick: 15
            },
            startValue: 0, endValue: 250,
            tick: {
                color: 'white',
                length: 15
            },	
            customTicks: [50, 100,150,200]
        },
        rangeContainer: {
            offset: 0,
			width: 15,
			ranges: [
                { startValue: 0, endValue: 50, color: "red" },
                { startValue: 50, endValue: 100, color: "orange" },
				{ startValue: 100, endValue: 150, color: "green" },
				{ startValue: 150, endValue: 200, color: "orange" },
                { startValue: 200, endValue: 250, color: "red" }
            ]
        },
 valueIndicator: {
            type: "textcloud",
					color: "#61B872",
            text: {
                format: {
                                        precision: 1
                }
            }
        },

		value : _options.display_value
    }).dxLinearGauge("instance");
    
    $('.cmd[data-cmd_uid=#uid#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate)
}
	jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
  </script>
</div>
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)

Almy
Timide
Messages : 453
Inscription : 23 juin 2015, 23:43

Re: Widget jauge 3 couleurs pour piscine

Message par Almy » 11 mai 2019, 12:20

T'es trop fort Salvialf !!

Ca marche

Merci

Pour les curieux voici le rendu final.
Moyennant des changements de valeurs dans le code vous pouvez déplacer et agrandir les différents seuils :
Jauge.jpg
Jauge.jpg (8.06 Kio) Consulté 1423 fois
Débutant Bordelais motivé sans compétences en info et élec mais prêt a relever le défi de la domotique.

MERCI À VOUS TOUS (JEEDOM et forum) pour votre aide sans laquelle je ne serais pas là où j'en suis.

christlep
Actif
Messages : 629
Inscription : 13 janv. 2015, 23:17
Localisation : France - 38 - Nord Isére

Re: Widget jauge 3 couleurs pour piscine

Message par christlep » 13 juin 2019, 22:26

Bonsoir,

Où peut on trouver ce widget ?
Est il possible de l'avoir en version verticale ?

Merci
a+
chris

Almy
Timide
Messages : 453
Inscription : 23 juin 2015, 23:43

Re: Widget jauge 3 couleurs pour piscine

Message par Almy » 13 juin 2019, 23:33

Tu passe par la création d’un widget et tu copie /colle le code ci-dessus.

Pour le passer en vertical, je n’ai pas les compétences nécessaires. Il faut faire appel à une ami ;-)
Débutant Bordelais motivé sans compétences en info et élec mais prêt a relever le défi de la domotique.

MERCI À VOUS TOUS (JEEDOM et forum) pour votre aide sans laquelle je ne serais pas là où j'en suis.

christlep
Actif
Messages : 629
Inscription : 13 janv. 2015, 23:17
Localisation : France - 38 - Nord Isére

Re: Widget jauge 3 couleurs pour piscine

Message par christlep » 14 juin 2019, 17:40

Si je pose la question , c'est que cela ne marche pas.
Ca serait plus simple de le partager par le market, vous croyez pas ?

Répondre

Revenir vers « [Plugin officiel] Widgets »

Qui est en ligne ?

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