Bonjour, je souhaite afficher l’information de la couverture nuageuse sur le plugin sur mobile comme les autres tel que la pression ou les uv etc… Celui-ci apparaît bien sur l’affichage desktop mais pas sur mobile. J’ai coché afficher dans les commandes du plugin mais ça ne change rien. Que faut il faire ? Il y a un autre paramètre où il faut modifier le plugin ?
Bonjour,
Quel template utilisez-vous pour cet équipement?
Sans avoir à modifier le plugin, un template custom est possible.
Bonjour @jpty
J’utilise le template du plugin.
Vous voulez dire qu’il faut que je mette Pas de template ?
Si vous utilisez « Pas de template », il va falloir gérer la visibilité et l’ordonnancement des 130 commandes de l’équipement.
Le plus simple est d’utiliser un template custom.
Il faut le faire pour le dashboard et pour le mobile.
-
Dans le répertoire
template/dashboardcopiez le fichiermeteofrance.htmlencustom.meteofrance.html
-
Le template custom est maintenant sélectionnable dans l’équipement:
-
Faites la même opération de copie de fichier dans le répertoire
template/mobile
-
Il reste à modifier ce fichier
custom.meteofrance.htmlpour y ajouter la couverture nuageuse.
Texte du template custom.meteofrance.html pour mobile
<div class="eqLogic eqLogic-widget #class#" data-eqLogic_id="#id#" data-eqType="#eqType#" data-version="#version#" data-eqLogic_uid="#uid#" data-translate-category="#translate_category#" data-category="#category#" data-tags="#tags#" style="#style#">
<span class="cmd refresh pull-right cursor" data-cmd_id="#refresh_id#">
<i class="fas fa-sync"></i>
</span>
<link rel="stylesheet" type="text/css" href="plugins/meteofrance/desktop/weather-icons/css/weather-icons.min.css" />
<center>
<span class="widget-name">
<span class="warning" title="#alert_name#">
<i class='#alert_icon#'></i>
</span>
<span>#name_display# <span class="object_name">#object_name#</span></span><br/>
</span>
<div style="padding: 5px;">
<img src="#icone#" data-src="#icone#" alt="#condition#"><br/>
#condition#<br/>
<i title="Température" class="wi wi-thermometer"></i> #temperature#°C (Ressentie #ressentie#°C)<br/>
#humidity# <i title="Humidité" class="wi wi-humidity"></i> <i title="Pression atmosphérique" class="wi wi-barometer"></i> #pressure#hPa <i title="UV" class="wi wi-hot"></i> #uvi#<br>
<i title="Nuages" class="wi wi-cloud"></i> #clouds# %<br/>
<span title="Vent #winddir# #wind_direction#° #windspeed#km/h">
<!-- Fleche direction du vent idem MF ou icone variable -->
#windIcon#
<br/>
<!-- Fin Fleche direction du vent idem MF -->
#winddir# #windspeed# km/h
<span style="font-size: 0.8em;line-height: 6px!important;background: #ed1c24;color: #ffffff!important" title="Rafales">#windGust#</span>
</span>
<br/>
<i title="Lever du soleil" class="wi wi-sunrise"></i> #sunrise# <i title="Coucher du soleil" class="wi wi-sunset"></i> #sunset#
</div>
#forecast#
</center>
<!-- Pluie dans l'heure -->
<div style="overflow-x: scroll; width: 100%; min-height: 15px; max-height: 200px; margin-top: 4px; font-size: 14px; text-align: left; scrollbar-width: thin;">
<table border=0 style="border-spacing: 2px; width: 100%;">
<tr title="Prévisions pluie" style="background-color:transparent !important;">
<td class="tableCmdcss" style="width: 10%;height:20px;text-align: left">#heure#</td>
<td class="tableCmdcss" style="width: 8%;font-size: .8em;height:20px;text-align: right">#h10m#</td>
<td class="tableCmdcss" style="width: 8%;height:20px;text-align: right"> </td>
<td class="tableCmdcss" style="width: 8%;font-size: .8em;height:20px;text-align: right">#h20m#</td>
<td class="tableCmdcss" style="width: 8%;height:20px;text-align: right"> </td>
<td class="tableCmdcss" style="width: 8%;font-size: .8em;height:20px;text-align: right">#h30m#</td>
<td class="tableCmdcss" style="width: 16%;font-size: .8em;height:20px;text-align: right">#h40m#</td>
<td class="tableCmdcss" style="width: 16%;font-size: .8em;height:20px;text-align: right">#h50m#</td>
<td class="tableCmdcss" style="width: 18%;height:20px;text-align: right">#h1h#</td>
</tr>
<tr style="background-color:transparent !important;">
<td style="height:20px;#prev1Color#" title="#prev1Text#" class="tooltips"> <i class="wi wi-raindrops" style="font-size: 20px;color: #3C73A5"></i></td>
<td style="height:20px;#prev2Color#" title="#prev2Text#" class="tooltips"></td>
<td style="height:20px;#prev3Color#" title="#prev3Text#" class="tooltips"></td>
<td style="height:20px;#prev4Color#" title="#prev4Text#" class="tooltips"></td>
<td style="height:20px;#prev5Color#" title="#prev5Text#" class="tooltips"></td>
<td style="height:20px;#prev6Color#" title="#prev6Text#" class="tooltips"></td>
<td style="height:20px;#prev7Color#" title="#prev7Text#" class="tooltips"></td>
<td style="height:20px;#prev8Color#" title="#prev8Text#" class="tooltips"></td>
<td style="height:20px;#prev9Color#" title="#prev9Text#" class="tooltips"></td>
</tr>
</table>
</div>
<!-- Vigilances -->
<div style="overflow-x: scroll; width: 100%; min-height: 15px; max-height: 200px; margin-top: 2px; font-size: 14px; text-align: left; scrollbar-width: thin;">
<table border=0 style="border-spacing: 0px; width: 100%;">
<tr style="background-color:transparent !important;">
#vigilance#
</tr>
</table>
<span style="margin-left: 4px;font-size: 8px;font-style: italic;">Informations créées à partir de données de Météo-France</span>
</div>
#divGraphInfo#
<script>
if ('#refresh_id#' != '') {
$('.eqLogic[data-eqLogic_uid=#uid#] .refresh').on('click', function () {
jeedom.cmd.execute({id: '#refresh_id#'})
})
} else {
$('.eqLogic[data-eqLogic_uid=#uid#] .refresh').remove()
}
</script>
</div>
Merci beaucoup je vais essayer cela.
Maintenant lors de mise à jour, notamment du plugin, ces 2 fichiers custom ne seront pas effacés ?
Les fichiers custom. ne sont pas effacés par une maj de plugin.
Par contre, ils peuvent être rendus obsolètes par une MAJ et seront alors à corriger pour être de nouveau opérationnel.
Vous pouvez également nommer les templates et ainsi en avoir plusieurs:
donnera dans la sélection de template de l’équipement:
Ok merci et bonne fin de soirée 