Ce Forum passera en lecture seule en janvier 2020
Image
Merci de vous rendre sur https://community.jeedom.com maintenant pour vos prochains postes ;)

[DEV-WIDGETS] Salvialf

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

Re: [DEV-WIDGETS] Salvialf

Message par Salvialf » 11 avr. 2019, 21:28

dvb a écrit :
11 avr. 2019, 21:21
Génial, c'est exactement ce que je recherche : lisible et épuré.
Et avec les secondes en plus ! J'ai hâte de tester...
Salut @dvb,

Si tu lui trouves un petit nom sympa et qui me plaît je la mets tout de suite sur le market !

Pour le moment je l'ai appelé "VueClock" car elle fonctionne avec une 'Vue javascript' mais j'aimerais lui trouver un nom plus parlant surtout du fait qu'il n'y a pas que l'heure mais aussi la date.... Et sachant que j'en ai d'autres sous le coude à partager.

Après si "VueClock" ça passe je la mettrais demain je pense, la nuit portant conseil ;)
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 : 1438
Inscription : 15 févr. 2015, 22:50

Re: [DEV-WIDGETS] Salvialf

Message par dvb » 11 avr. 2019, 21:53

Salvialf a écrit :
11 avr. 2019, 21:28
dvb a écrit :
11 avr. 2019, 21:21
Génial, c'est exactement ce que je recherche : lisible et épuré.
Et avec les secondes en plus ! J'ai hâte de tester...
Salut @dvb,

Si tu lui trouves un petit nom sympa et qui me plaît je la mets tout de suite sur le market !

Pour le moment je l'ai appelé "VueClock" car elle fonctionne avec une 'Vue javascript' mais j'aimerais lui trouver un nom plus parlant surtout du fait qu'il n'y a pas que l'heure mais aussi la date.... Et sachant que j'en ai d'autres sous le coude à partager.

Après si "VueClock" ça passe je la mettrais demain je pense, la nuit portant conseil ;)
Hello,

No souci pour "VueClock".
Sinon tu as "DesignMultiClock".

... Je n'ai pas osé proposer "SalvialfClock". OK je sors :lol:
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
domoggvad
Actif
Messages : 1877
Inscription : 29 avr. 2015, 16:02
Localisation : Seine-Saint-Denis (Villepinte)

Re: [DEV-WIDGETS] Salvialf

Message par domoggvad » 11 avr. 2019, 22:01

C'est pas mal SalvialfClock

Envoyé de mon Redmi S2 en utilisant Tapatalk

3 Odroid C2 (Prod - secours - test) Z83 tests: rfxcom + Z-wave- Clims DAIKIN - espeasy - thekey - Xiaomi - Telinfo - broadlink... widget V3 :viewtopic.php?f=29&t=44183&p=717810#p717810

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

Re: [DEV-WIDGETS] Salvialf

Message par Salvialf » 15 avr. 2019, 21:21

Salut,

Bon bah finalement ce sera "Digital_Clock_Vue" ;)

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

raphael_malin
Timide
Messages : 482
Inscription : 10 nov. 2014, 00:20
Localisation : Nouméa - Nouvelle-Calédonie

Re: [DEV-WIDGETS] Salvialf

Message par raphael_malin » 22 avr. 2019, 12:22

Salvialf a écrit :
30 mars 2019, 13:54

EDIT: Pour ceux que ça intéresse j'ai le code du widget 'EEdomus_jauges' remis à jour car il fonctionnait sur le même principe. Impossible de mettre la main sur l'auteur original qui a disparu du forum...
Hello,

Merci d'avoir repris le widget. Je l'ai installé mais je n'arrive pas à effectuer la config.
widget.jpg
widget.jpg (82.19 Kio) Consulté 634 fois
ai je fait une erreur?

De plus le widget ne se met pas à jour
z maj.jpg
z maj.jpg (14.76 Kio) Consulté 634 fois
Merci pour tes widgets
Jeedom smart avec en général toutes les mises à jour faites (système et plugin)

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

Re: [DEV-WIDGETS] Salvialf

Message par Salvialf » 22 avr. 2019, 13:44

Salut,

On est bien d'accord, ce n'est pas le widget Eedomus_jauges que tu utilisais de ton côté mais un widget basé sur le même principe ?! ...dont le code à jour est inscrit sur ce post.

Le widget Eedomus_jauges n'est pas mis à jour sur le market car je n'en suis pas l 'auteur. Le code à jour est le suivant:

Code : Tout sélectionner

<div item="#id#" style="text-align:center;margin-top:2px; width:110px; height:130px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#">
	<div class="custom-theme" style="float:left; margin-top:0px; width:110px; height:118px;position:absolute;"></div>
    <div class="custom-content" style="width:110px; height:118px; position:absolute;">
        <div class="custom-title" style="margin-top:0px; width:110px; height:26px;"></div>
        <div class="custom-cursor" style="margin-left:2px; margin-top:0px; width:110px; height:66px;"></div>
        <div class="custom-sensor" style="margin: -66px auto auto; width:66px; height:66px;"></div>
        <div class="custom-separe" style="margin-top:0px; width:110px; height:7px;"></div>	
        <div class="custom-history" style="#displayHistory#; font-size:8.5px; margin-top:0px;">
            <span title='Min' class='tooltips'>#minHistoryValue#</span>&nbsp;|&nbsp;<span title='Moyenne' class='tooltips'>#averageHistoryValue#</span>&nbsp;|&nbsp;<span title='Max' class='tooltips'>#maxHistoryValue#</span>&nbsp;&nbsp;<i class="#tendance#"></i>
        </div>
        <div class="custom-bottom" style="text-align:center; margin-top:0px; width:110px; height:18px; font-weight:bold; font-size:14px;"></div>
    </div>
    <script>
      jeedom.cmd.update['#id#'] = function(_options){
      	// get params
      	var param_type    = "#type#";    // hot/cold
      	var param_theme   = "#theme#";   // eedomus/clear/light
      	var param_sensor  = "#sensor#";  // energy/memory/sdcard/temperature/humidity/cpu/light/euro/dollar/battery
      	var param_cursor  = "#cursor#";  // dark/red
      	var param_reverse = "#reverse#"; // false/true, true reverse jauge and colors
        
      	// define default folder path
      	var value_path = "plugins/widget/core/template/dashboard/cmd.info.numeric.EeDomus_jauges/";
        
        //define title
        var value_title   = "#id#";
        if ( "#name#".replace("name") != "#undefined#" ) { value_title = "#name#"; }
        $("div[item=#id#]").find(".custom-title").html(value_title);
        
        // define reverse
        var value_reverse = false;
      	if ( param_reverse == "true" ) { value_reverse = true; }
      
      	// define theme and type style
        var value_type = "hot";
      	if ( param_type == "cold" ) { value_type = param_type; }
        var value_theme = "eedomus";
      	if ( param_theme == "clear" ) { value_theme = param_theme; }
      	else if ( param_theme == "light" ) { value_theme = param_theme; }
      	var jauge_theme = value_type + "_" + value_theme;
      	$("div[item=#id#]").find(".custom-theme").css("background", "url('" + value_path + "jauge_" + jauge_theme + ".png') no-repeat");
		$("div[item=#id#]").find(".custom-theme").css("background-position", "center top");
        if ( value_reverse == true ) { $("div[item=#id#]").find(".custom-theme").css("transform", "scaleX(-1)"); }
      
      	// define cursor style
        var value_cursor = "dark";
      	if ( param_cursor == "red" ) { value_cursor = param_cursor; }
      	$("div[item=#id#]").find(".custom-cursor").css("background", "url('" + value_path + "arrow_" + value_cursor + ".png') no-repeat");
      	$("div[item=#id#]").find(".custom-cursor").css("background-position", "center top");
      
      	// define jauge position
      	var value    = ($.isNumeric(_options.display_value)) ? parseFloat(_options.display_value) : 0.0;
        var minValue = ($.isNumeric('#minValue#')) ? parseFloat('#minValue#') : 0.0;
      	var maxValue = ($.isNumeric('#maxValue#')) ? parseFloat('#maxValue#') : 0.0;
        var maxJauge = 280.0;
        var rotation = (value-minValue) / (maxValue - minValue) * maxJauge;
      	rotation = ( rotation > maxJauge ) ? maxJauge : rotation;
		$("div[item=#id#]").find(".custom-cursor").css("transform", "rotate(" + rotation + "deg)");
      
      	// define real state
      	var state = ($.isNumeric(_options.display_value)) ? _options.display_value+'#unite#' : 'Error';
      	$("div[item=#id#]").find(".custom-bottom").html(state);
      
      	// define sensor style
        var value_sensor  = "";
      	if ( param_sensor == "energy" ) { value_sensor = param_sensor; }
      	else if ( param_sensor == "memory" ) { value_sensor = param_sensor; }
      	else if ( param_sensor == "sdcard" ) { value_sensor = param_sensor; }
      	else if ( param_sensor == "cpu" ) { value_sensor = param_sensor; }
      	else if ( param_sensor == "temperature" ) { value_sensor = param_sensor; }
      	else if ( param_sensor == "humidity" ) { value_sensor = param_sensor; }
      	else if ( param_sensor == "light" && value == 0.0 ) { value_sensor = 'light'; }
      	else if ( param_sensor == "light" ) { value_sensor = 'light_on'; }
      	else if ( param_sensor == "euro" ) { value_sensor = param_sensor; }
      	else if ( param_sensor == "dollar" ) { value_sensor = param_sensor; }
      	else if ( param_sensor == "battery" ) { value_sensor = param_sensor; }
      	$("div[item=#id#]").find(".custom-sensor").css("background", "url('" + value_path + "type_" + value_sensor + ".png') no-repeat");
      	$("div[item=#id#]").find(".custom-sensor").css("background-position", "center top");
      
      	// define history background
      	$("div[item=#id#]").find(".custom-history").css("background", "url('" + value_path + "bg_history.png') repeat-y");
      	$("div[item=#id#]").find(".custom-history").css("background-position", "center top");
      
      	// define bottom state color
      	var bottom_bg = "error";
      	var pourcent = (value-minValue) / (maxValue - minValue) * 100;
      	pourcent = ( pourcent > 100 ) ? 100 : pourcent;
      	pourcent = ( pourcent < 0 ) ? 0 : pourcent;
      	if ( state != 'Error' && value_type == "hot" ) {
            if 	    ( pourcent < 20 ) { bottom_bg = value_reverse == true ? value_type + "_80" : value_type + "_00" }
            else if ( pourcent < 40 ) { bottom_bg = value_reverse == true ? value_type + "_60" : value_type + "_20"; }
            else if ( pourcent < 60 ) { bottom_bg = value_type + "_40"; }
            else if ( pourcent < 80 ) { bottom_bg = value_reverse == true ? value_type + "_20" : value_type + "_60"; }
            else { bottom_bg = value_reverse == true ? value_type + "_00" : value_type + "_80"; }
        }
      	else if ( state != 'Error' && value_type == "cold" ) {
            if 	    ( pourcent < 33 ) { bottom_bg = value_reverse == true ? value_type + "_66" : value_type + "_00"; }
            else if ( pourcent < 66 ) { bottom_bg = value_type + "_33"; }
            else { bottom_bg = value_reverse == true ? value_type + "_00" : value_type + "_66"; }
        }
      	$("div[item=#id#]").find(".custom-bottom").css("background", "url('" + value_path + "bottom_" + bottom_bg + ".png') no-repeat");
        $("div[item=#id#]").find(".custom-bottom").css("background-position", "center top");
        }
	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)

raphael_malin
Timide
Messages : 482
Inscription : 10 nov. 2014, 00:20
Localisation : Nouméa - Nouvelle-Calédonie

Re: [DEV-WIDGETS] Salvialf

Message par raphael_malin » 22 avr. 2019, 14:26

Après vérification en effet c'est le widget de jpoilux, je pensais que tu l'avais repris et mis à jour vu que tu ne le trouvais plus.
Je viens de coller ton code, cela se met à jour.
J'utilisais un autre de ces widgets que j'ai adapté à ma sauce, en changeant juste l'image.

Du coup pour le choix des paramètres, comment dois-je faire ?

Merci pour ta modif rapide.
Jeedom smart avec en général toutes les mises à jour faites (système et plugin)

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

Re: [DEV-WIDGETS] Salvialf

Message par Salvialf » 22 avr. 2019, 14:46

raphael_malin a écrit :
22 avr. 2019, 14:26
Du coup pour le choix des paramètres, comment dois-je faire ?
Il faut enlever "param_" dans le nom de tes paramètres optionnels, ce qui donne 'theme' et 'sensor' par exemple...
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)

raphael_malin
Timide
Messages : 482
Inscription : 10 nov. 2014, 00:20
Localisation : Nouméa - Nouvelle-Calédonie

Re: [DEV-WIDGETS] Salvialf

Message par raphael_malin » 22 avr. 2019, 23:10

Au top! Merci bcp
Jeedom smart avec en général toutes les mises à jour faites (système et plugin)

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

Re: [DEV-WIDGETS] Salvialf

Message par Salvialf » 13 mai 2019, 22:17

Salut aux couche-tards,

Petite présentation de mon dernier widget "Météo"... A l'origine surtout pour me former sur de nouvelles choses mais je l'ai finalement adopté en remplacement du plugin weather.

La ville se choisit via un paramètre optionnel et il est possible de cacher l'affichage des prévisions. Chaque élément affiche des infos complémentaires dans une info-bulle (température ressentie sur la température, précipitations sur l'humidité, couverture nuageuse sur l'icône, vitesse des rafales sur le vent, etc...)

Pour donner une idée même si c'est pas le meilleur moment car c'est la plus petite icône (lune), en journée c'est un grand soleil à la place en ce moment ;) ...En journée un rond avec l'index UV apparait en haut à gauche avec fond de couleur en fonction de l'indice.
Pièces jointes
widgetMeteoDesign.jpg
widgetMeteoDesign.jpg (65.42 Kio) Consulté 519 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
Titanium31
Timide
Messages : 275
Inscription : 05 avr. 2017, 21:11
Localisation : Auterive, Haute Garonne

Re: [DEV-WIDGETS] Salvialf

Message par Titanium31 » 13 mai 2019, 22:28

Quand s'arrêtera Salvialf !!!

Widget très sympa, hâte de l'utiliser..

Titanium
Je possède une Jeedom smart & RFXCOM.
2 fil pilote Qubino
4 WallPlug fibaro
8 Volets roulants Fibaro
10 x contact fibaro (Bof...)
Gateway Xiaomi et quelques capteurs (Ok..)
Radiateurs Sauter connectés.

Avatar de l’utilisateur
hansc
Timide
Messages : 133
Inscription : 16 févr. 2017, 20:14
Localisation : Belgique

Re: [DEV-WIDGETS] Salvialf

Message par hansc » 14 mai 2019, 09:13

genial !

hate de l'installer :)
PC Debian Stretch / Raspberry PI 3
SIGMA DESIGNS Contrôleur Z-Wave Plus USB
Fibaro Wall Plug FGWPF-102 ZW5
philips hue | netatmo weather | netatmo Welcome
Google Home | Xiaomi | SONOS | Awtrix | Shelly

romanais
Actif
Messages : 1999
Inscription : 21 août 2014, 21:36
Localisation : Drôme

Re: [DEV-WIDGETS] Salvialf

Message par romanais » 14 mai 2019, 09:43

Superbe ! Tu te bases sur quel service Météo ?
Merci à toute l'équipe pour le taf

Mon matériel

Xistof
Timide
Messages : 118
Inscription : 13 janv. 2018, 19:59

Re: [DEV-WIDGETS] Salvialf

Message par Xistof » 14 mai 2019, 10:27

très intéressé par ton widget meteo, surtout la partie rafale de vent car je cherche a récupérer cette info pour me faire des alertes.
tu te bases sur quel service ?
je trouve Windy très bien niveau infos, mais je ne sais pas comment les récupérer pour en faire quelque chose :(

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

Re: [DEV-WIDGETS] Salvialf

Message par Salvialf » 14 mai 2019, 10:44

Hello,

Content que ça vous plaise :D

J'utilise apixu comme service météo. Je ne connaissais pas windy mais j'y jetterai un coup d'oeil à l'occasion si j'ai le temps.

Shoot écran du widget en journée avec l'indice UV (pour info le fond du widget est transparent c'est le wallpaper de mon design qui apparait en fond):
Pièces jointes
widgetMeteoDesign2.jpg
widgetMeteoDesign2.jpg (78.03 Kio) Consulté 427 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)

romanais
Actif
Messages : 1999
Inscription : 21 août 2014, 21:36
Localisation : Drôme

Re: [DEV-WIDGETS] Salvialf

Message par romanais » 14 mai 2019, 11:28

J'adhère :o 8-)
Merci à toute l'équipe pour le taf

Mon matériel

Xistof
Timide
Messages : 118
Inscription : 13 janv. 2018, 19:59

Re: [DEV-WIDGETS] Salvialf

Message par Xistof » 14 mai 2019, 15:22

sympa ton widget !
c'est possible de récupérer le cumul de précipitation ?

yves273
Timide
Messages : 322
Inscription : 18 janv. 2016, 11:13

Re: [DEV-WIDGETS] Salvialf

Message par yves273 » 14 mai 2019, 16:10

Bonjour,

Je passais par là à la recherche de widget à jour.
Quand ce dernier bijou sera-t-il sur le market?

raphael_malin
Timide
Messages : 482
Inscription : 10 nov. 2014, 00:20
Localisation : Nouméa - Nouvelle-Calédonie

Re: [DEV-WIDGETS] Salvialf

Message par raphael_malin » 16 mai 2019, 13:34

pas mal ton widget, et sur le site y'a encore plus d'info, heure lune, % nuage, si tu arrives à nous faire un widget avec le choix des infos, t'es un boss ;)
Jeedom smart avec en général toutes les mises à jour faites (système et plugin)

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

Re: [DEV-WIDGETS] Salvialf

Message par Salvialf » 16 mai 2019, 13:38

Salut,

Toutes ces infos sont en infobulle au survol de certains éléments (levée et couchée lune sur levé et couché soleil par exemple).

Je pense juste ajouter une zone cliquable pour afficher un popup avec ces infos pour utilisation sur tablette car pas d'infobulle dans ce cas... widget bientôt disponible!
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 1 invité