[Tuto] Utiliser Monitor

[vil1driver]

MAJ

débug

[vil1driver]

MAJ

* Ajout de la possibilité de choisir un icon pour les groupes, juste indiquer le nom après la description
exemple:

Code : Tout sélectionner

['10','Status',         'cell22-2',                     'Toute la maison','Light'],	// groupe avec icons lampe
['10','Status',         'cell22-2',                     'Toute la maison','Blinds'],	// groupe avec icons volet

quelque nom d'icons utilisables (voir liste switch_icons.txt):
Light,Blinds,WallSocket,Generic,Heating

[vil1driver]

MAj

* ajout option pour choisir le nom de l'image de fond
* retour à un fond noir par défaut

[Merangle]

Bonjour à tous

Deux questions pour @vildriver1

a) j'ai mis en oeuvre le dernier package que tu as mis à jour. Merci pour ces améliorations.
Etant pas compétent en php, js et css je cherche s'il existe un moyen de paramétrer le format d'affichage de données numériques.
Par exemple, j'affiche le degré de pollution sur Paris (merci @patrice), mais celui-ci est fourni avec deux chiffres après la virgule.
Je n'ai pas besoin d'afficher de détail. Donc je veux 45% au lieu de 45,00%.

Je pourrai très bien corriger en amont la variable en question, mais je pense que pouvoir régler le format à l'affichage, permettrai de régler tous les besoins. Ton avis ?

b) j'ai modifié le fond pour mettre une photo de chez moi.
Mais celle-ci est plus claire que ta photo jour (très jolie par ailleurs). Donc tous les textes en clair deviennent moins lisibles à l'écran.

De même, existe-t-il une solution pour passer les textes de clair à foncé en fonction de l'image de fond, sans avoir à modifier les paramètres css dans frontpage_settings ?

Encore une fois merci pour l'aide apportée.
A+

[vil1driver]

salut,

si ça te plait, tant mieux

a) perso je pense qu'il est plus intéressant et simple de modifier en amont, le script airparif pour ne pas remonter les décimales
plutôt que de faire du cas par cas dans frontpage

b) oui le fond c'est le bordel en effet, le mieux imho serait d'ajouter un filtre sur l'image pour l'assombrir au niveau css
tu peux tester en ajoutant ceci au css après la partie html {

Code : Tout sélectionner

html::after {
   content:"";
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:0;
   background:rgba(0,0,0,0.7);
   z-index:-1;
}

mais ce sera effectif pour le fond jour comme celui pour la nuit (ça risque de faire vraiment sombre)

sinon tu peux changer les couleurs pour l'affichage des légendes dans le css mais rien d'automatique suivant le fond de page..

[Merangle]

Ok

a) je règle le problème en amont.
b) je teste et te fais un retour

Autre question (eh oui la richesse des possibilités)

Sur la page 2, à la place des webcams, je voudrai afficher l'état du trafic routier (du type goggle maps).
J'ai essayé d'utiliser un "link" et mettre l'url complète http....
par exemple
https://www.google.fr/maps/dir/Arc+de+T ... 5837?hl=fr

Je dois mal m'y prendre, mais je n'affiche rien.
Peux-tu m'indiquer ce qu'il faut mettre dans le lien
['0', 'Link', 'cell2_3', '<a href="https://www.google.fr/........"'], // simple lien s'ouvrant dans une nouvelle fenêtre

D'avance merci

[vil1driver]

Code : Tout sélectionner

background:rgba(0,0,0,0.7);

si tu trouves que ça assombri trop, mets 0.5 à la place de 0.7

pour le trafic il faudrait choper l'url de l'image du trafic, et l'afficher comme pour les webcam (directement dans la page html)
je ne peux pas trop t'aider là dessus :p

[vil1driver]

MAJ

* assombrissement de l'image de fond pour mieux faire ressortir le texte
* suppression des décimales si la valeur est un pourcentage

[Merangle]

Bonsoir

Pour avoir une page Google avec le trafic routier

Dans frontpage.html,
a) identifier la section correspondante à la cellule où vous voulez mettre la page

<div id="frame">
<div id="ls_cell2_25"></div><div id="cell2_25">
<iframe src="https://www.google.com/maps/embed?pb=!1 ... 8868938265" width="277" height="150" frameborder="0" style="border:0"></iframe>
</div>

b) aller sous google map et demander un itinéraire pour aller d'un endroit à un autre avec le trafic
sélectionner la roue dentée en bas à droite
partager ou intégrer la carte
onglet "intégrer la carte"
sélectionner le code <iframe ........ qui est proposé
le coller dans la partie a) ci-dessus ==> partie soulignée

d) rafraichir les écrans et vous avez l'affichage qui s'ajuste toutes les 8 s (fréquence de rafraichissement)

e) en cliquant sur la carte, une fenêtre Goggle maps complète s'ouvre

Et voilà.... vous avez une indication du trafic global sur un parcours donné (dans le cas où il n'y a pas de webcam sur le parcours)

Bonne soirée

[vil1driver]

merci pour l'astuce :p

MAj

* débogage icons