Nouveau Widget pour la météo du jour

Ici tout ce qui concerne les interfaces personnalisables pour Domoticz : Custom Pages, Reacticz, Domoboard...

Modérateur : vil1driver

Répondre
Chrominator
Messages : 726
Enregistré le : 19 déc. 2015, 07:29
Localisation : France

Nouveau Widget pour la météo du jour

Message par 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.

Image

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
Screenshot 2021-10-21 at 12-44-50 Domoticz Monitor.png (79.95 Kio) Vu 1053 fois
Partir, c’est pourrir un pneu.

Ubuntu 20.04.2 LTS - Domoticz v2021.1
rfxcom RFXtrx433 USB Version: Pro1/1043
Z-Stick GEN5 Version: 1.6-1136-g07ea22bb
Rtl433 RTL-SDR receiver
RFLink Gateway with LAN interface 48.4

Répondre