# Configurer l'affichage de la météo easytime

La tablette permet d'afficher sur sa page d'accueil la météo actuelle.

<span style="white-space: pre-wrap;">Pour utiliser cette fonctionnalité, vous devez utiliser le script : </span>[****cd\_easytime****](https://github.com/dsheedes/cd_easytime "Accéder à la page du script")

### Configurer la fonctionnalité

#####   


##### Activer ou désactiver l'affichage

```lua
Config.easytime = true  -- true/false
```

<p class="callout info"><span style="white-space: pre-wrap;">Vous pouvez décider d'utiliser ou non cette fonctionnalité. En mettant </span>****false****, l'affichage ne se fera pas !</p>

##### Changer l'icone

```lua
Config.weatherIcons = {
    CLOUDS = 'weather-icon fas fa-cloud-sun',
    RAIN = 'weather-icon fas fa-cloud-rain',
    CLEAR = 'weather-icon fas fa-sun',
    OVERCAST = 'weather-icon fas fa-cloud-sun',
    EXTRASUNNY = 'weather-icon fas fa-sun',
    CLEARING = 'weather-icon fas fa-sun',
    NEUTRAL = 'weather-icon fas fa-sun',
    THUNDER = 'weather-icon fas fa-bolt',
    SMOG = 'weather-icon fas fa-smog',
    FOGGY = 'weather-icon fas fa-smog',
    SNOWLIGHT = 'weather-icon fas fa-snowflake',
    SNOW = 'weather-icon fas fa-snowflake',
    BLIZZARD = 'weather-icon fas fa-snowflake',
    XMAS = 'weather-icon fas fa-snowflake',
    HALLOWEEN = 'weather-icon fas fa-cloud-moon',
}
```

- <span style="white-space: pre-wrap;">Les icônes que nous utilisons sont ceux de </span>[****Font Awesome****](https://fontawesome.com/icons).
- <span style="white-space: pre-wrap;">Pour remplacer une icône, changer le texte après </span>`<span class="editor-theme-code">weather-icon</span>`<span style="white-space: pre-wrap;"> avec la nouvelle icône</span>

<p class="callout warning">Attention, certaines icônes ne fonctionnent pas !</p>

##### Changer la couleur de l'icône

- <span style="white-space: pre-wrap;">Pour modifier la couleur d'une icône, rendez-vous dans : </span>`<span class="editor-theme-code">nui/assets/color.css</span>`

```css
.icon-name, .icon-2-name {
    color:rgb(85, 85, 85);
    text-shadow: 0 0 10px black; /* Ajoute un contour noir de 2 pixels autour de l'icône */
}
```

##### Changer le gif en background

```lua
Config.weatherGif = {
    CLOUDS = "background: url('https://i.gifer.com/1427.gif') center/cover;",
    RAIN = "background: url('https://i.gifer.com/73j4.gif') center/cover;",
    CLEAR = "background: url('https://i.gifer.com/Lx0q.gif') center/cover;",
    OVERCAST = "background: url('https://stormandsky.com/gif/11.gif') center/cover;",
    EXTRASUNNY = "background: url('https://stormandsky.com/gif/15.gif') center/cover;",
    CLEARING = "background: url('https://stormandsky.com/gif/11.gif') center/cover;",
    NEUTRAL = "background: url('https://stormandsky.com/gif/11.gif') center/cover;",
    THUNDER = "background: url('https://i.gifer.com/DMI.gif') center/cover;",
    SMOG = "background: url('https://i.gifer.com/7JyC.gif') center/cover;",
    FOGGY = "background: url('https://i.gifer.com/IJNu.gif') center/cover;",
    SNOWLIGHT = "background: url('https://stormandsky.com/gif/11.gif') center/cover;",
    SNOW = "background: url(' https://i.gifer.com/3g5.gif') center/cover;",
    BLIZZARD = "background: url('https://stormandsky.com/gif/11.gif') center/cover;",
    XMAS = "background: url('https://stormandsky.com/gif/11.gif') center/cover;",
    HALLOWEEN = "background: url('https://i.gifer.com/AdL.gif') center/cover;",
}
```

<span style="white-space: pre-wrap;">Vous pouvez changer le gif présent en background en fonction du temps. Pour cela, il vous suffit de remplacer l'URL présent dans </span>`<span class="editor-theme-code">url()</span>`.

<span style="white-space: pre-wrap;">Lien vers des gifs disponibles : </span>[****Looping Storm gif (stormandsky.com)****](https://stormandsky.com/gifs)