Nouveau Widget pour la météo du jour

[Chrominator]

Le widget de la météo du jour est modifié.
L'URL et le lieu ne sont plus codés de la même manière.
La page existe en plusieurs langues mais pas en français pour l'instant.



J'ai fait quelques modifications dans les customs pages pour continuer à disposer de ces informations :

Dans domoticz/www/monitor/js/frontpage.js modifier la ligne

Code : Tout sélectionner

$('#popup_meteo4').html(['<img src="http://www.yr.no/place/',place,'/avansert_meteogram.png?timestamp=',Date.now(),'" alt="Ville inconnue..">'].join(''));

et remplacer par

Code : Tout sélectionner

$('#popup_meteo4').html(['<img src="https://www.yr.no/en/content/',place,'/meteogram.svg" alt="Ville inconnue..">'].join(''));

Généralement ce n'est pas le fichier frontpage.js qui tourne mais le même fichier compressé sous le nom frontpage.min.js

Pour recréer ce fichier comprimé, on peut utiliser ceci dans lequel on va coller le contenu de frontpage.js et copier le résultat pour remplacer tout le contenu de notre fichier frontpage.min.js

Dans domoticz/www/monitor/js/frontpage_settings.js modifiez la valeur de la variable place

Code : Tout sélectionner

var place = 'France/Île-de-France/Paris/';

devient par exemple

Code : Tout sélectionner

var place = '1-211102';

Vous trouverez la valeur en suivant le guide suivant : https://developer.yr.no/doc/guides/depr ... d-widgets/

Ensuite comme l'entête de l'image est inutile dans le popup des custom pages, il faut un peu modifier le css.

Dans le fichier domoticz/www/monitor/css/global.css trouvez la ligne qui comporte #popup_meteo4

Supprimer ce nom #popup_meteo4 de la ligne et créer deux nouveaux paragraphes dans le css après une accolade fermante }

Code : Tout sélectionner

#popup_meteo4
{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 100px;
    margin-left: -150px;
    margin-top: -100px;                 
    padding: 0px;
    border: 2px solid red;
    background: #333;
    z-index:1002;
    overflow:hidden;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 25px;
	color: white;
	line-height: 75px;
	text-align: center;	
	border-radius: 15px 15px 15px 15px;	
}
#popup_meteo4 img
{
        width: 840px;
        height: 400px;
        margin: -88px 0 0 0px;
}

Si tout s'est bien passé et que le cache du navigateur a bien été purgé, on voit maintenant ceci dans le popup de la méteo du jour :

Screenshot 2021-10-21 at 12-44-50 Domoticz Monitor.png (79.95 Kio) Consulté 12539 fois