[Tuto] Utiliser Monitor

[Ptisik]

Salut à tous,

Tout d'abord bravo à vil1 et aux autres pour le boulot effectué.
Une interface sympa est ce qu'il manquait à Domoticz.

Je suis dans les tests actuellement, DOmoticz étant sur un NAS Synology.

J'aurais qq ajouts à faire (si cela a déjà été demandé je m'en excuse, je viens pourtant de parcourir les 71 pages )

- est il possible d'ajouter l'unité de mesure (en Km) de la "visibilité" forecast ?
- il n'y a pas de graphiques associés aux valeurs données par WU ou Forecast ?

- il n'y a que le graphique "jour" pour les sondes réelles. Pourrait on avoir aussi ceux mois/année ?
(soit les 3 en même temps, soit en scrollant, comme sur l'interface domoticz en fait)
- possibilité d'ajouter directement un graphique sur une page, sans avoir à cliquer sur une valeur ?

Et enfin comment peut on ajouter une photo satellite (ou autre) directement sur le dashboard ?


Merci !


Exemples

[vil1driver]

il y a effectivement matière à amélioration, mais j'avoue ne plus trop avoir de temps à y consacrer en ce moment.

mais la custom page n'a pas vocation à remplacer totalement le dashboard de domoticz, mais juste être quelque chose d'un peu plus WAF à laisser visible et simple d'usage

[frugonn]

Bonjour Ptisik,

J'ai trouvé intéressant l'affichage que tu as sur le dernier screenshot, est-ce ta custom page ou un logiciel tierce?

merci d'avance pour ta réponse.
Bonne soirée

[vil1driver]

c'est le dashboard pidome

https://pidome.org/features/screenshots/

[Ptisik]

@vil1 : lâche pas stp, y a encore bcp à faire

@frugonn : j'aurais aimé que ce soit ma custom page, mais cf le lien de vil1

[jacob]

Bonjour.

Merci pour ce nouveau jouet très WAF

J'essaie d'ajouter la prise en charge des alertes Domoticz.
Dans frontpage_settings.js:

Code : Tout sélectionner

var V1 = '#00FF00';
var V2 = '#FFFF00';
var V3 = '#FF8000';
var V4 = '#FF0000';

Dans frontpage.js:

Code : Tout sélectionner

// Domoticz Alerts
else if(vtype === 'Level') {
    if (parseInt(vdata, 10) == 4) { vattr=['color:',V4,';',vattr].join(''); } 
    else if (parseInt(vdata, 10) == 3) { vattr=['color:',V3,';',vattr].join(''); } 
    else if (parseInt(vdata, 10) == 2) { vattr=['color:',V2,';',vattr].join(''); } 
    else { vattr=['color:',V1,';',vattr].join(''); } 
}

Ça fonctionne bien avec le script de vigilance météo.

Je suppose que le test vtype === 'Level' est un peu léger, il faudrait vérifier aussi un élément du type

Code : Tout sélectionner

         "SubType" : "Alert",
         "Timers" : "false",
         "Type" : "General",
         "TypeImg" : "Alert",

mais je ne sais pas faire...

[vil1driver]

j'avoue ne pas avoir tout compris

mais si tu veux par exemple tester le "SubType" tu peux utiliser item.SubType

pour par exemple faire

Code : Tout sélectionner

else if(vtype === 'Level' && item.SubType ==='Alert') {

[jacob]

Désolé de n'avoir pas été clair. Ça permet d'afficher un widget "alerte" de Domoticz avec la couleur...
Je l'utilise avec la "vigilance météo" de Domogeek.

Merci pour ta solution!

[Ptisik]

Je n'arrive pas utiliser d’icônes persos.

Exemple : je voudrais un icone pour l'ouverture du garage :

['36','Status','cell2_25','OUVERTURE GARAGE','2','','',''],

Là çà me donne bien l'icone par défaut.

Mais si je mets

['36','Status','cell2_25','OUVERTURE GARAGE','garage','','',''],

je me retrouve avec écrit en gros "ouverture garage" sur ma page.
Dans le dossier icons j'ai un fichier PNG nommé garage_On.png
(j'ai aussi testé avec garage.png, idem)

Merci

[vil1driver]

Effectivement le nom n'est pas bon.