Aller au contenu
0 Votes

Modifications pour le document News

Modifié par john le 2026/09/26 17:02
Depuis la version 2.1
modifié par john
sur 2026/09/26 17:02
Commentaire de modification : Il n'y a aucun commentaire pour cette version
À la version 1.1
modifié par john
sur 2026/09/26 16:33
Commentaire de modification : Il n'y a aucun commentaire pour cette version

Résumé

Détails

Propriétés de la Page
Contenu
... ... @@ -1,9 +1,7 @@
1 -Page //news// : capteurs du Pico W, image astronomique du jour, flux RSS, vols à Roissy, actualités, crypto-monnaies. Déploiement et configuration commune : [[Dashy>>Wiki Batcave John.Infrastructure.ServeurPrincipal.Dashy.WebHome]].
1 +Page secondaire //news//, définie dans ##news.yml##. Elle regroupe des informations qui changent en continu : capteurs du Pico W, image astronomique du jour, flux RSS, vols d'un aéroport, actualités, cours et portefeuilles de cryptomonnaies. Configuration commune et déploiement : [[Dashy>>Wiki Batcave John.Infrastructure.ServeurPrincipal.Dashy.WebHome]].
2 2  
3 -{{toc/}}
3 +== En-tête et navigation ==
4 4  
5 -== pageInfo ==
6 -
7 7  {{code language="yaml"}}
8 8  pageInfo:
9 9   title: News
... ... @@ -11,11 +11,6 @@
11 11   navLinks:
12 12   - title: Home
13 13   path: /
14 -{{/code}}
15 -
16 -== pages ==
17 -
18 -{{code language="yaml"}}
19 19  pages:
20 20   - name: bookmarks
21 21   path: bookmark.yml
... ... @@ -25,36 +25,40 @@
25 25   path: news.yml
26 26  {{/code}}
27 27  
28 -== Widgets ==
21 +== Sections ==
29 29  
30 -|=Widget|=Section|=Affiche|=Identifiants
31 -|##embed##|IoT — Pico W|Température, humidité, pression et altitude du Pico W|—
32 -|##apod##|NASA|Image astronomique du jour de la NASA|—
33 -|##rss-feed##|Debian CVE, News|Derniers articles d'un flux RSS|—
34 -|##flight-data##|Aeroport|Départs et arrivées d'un aéroport|Clé RapidAPI
35 -|##news-headlines##|Medias|Titres d'actualité par pays et langue|Clé Currents API
36 -|##crypto-watch-list##|Crypto market|Cours CoinGecko des monnaies listées|—
37 -|##wallet-balance##|Binance Wallets, Uphold Wallets|Solde et transactions d'une adresse Ethereum|—
23 +|=Section|=Icône|=Items|=Widgets|=Affichage
24 +|IoT — Pico W|##hl-raspberry-pi##|Pico W|##embed##|##rows: 2##
25 +|NASA|##hl-nasa##|—|##apod##|—
26 +|Debian CVE|##hl-debian-linux##|—|##rss-feed##|—
27 +|Aeroport|##hl-flightaware##|—|##flight-data##|—
28 +|News|##fad fa-newspaper##|—|##rss-feed##|repliée (##collapsed: true##)
29 +|Medias|##hl-youtube##|—|##news-headlines##|repliée (##collapsed: true##)
30 +|Crypto market|##hl-bitcoin##|—|##crypto-watch-list##|—
31 +|Binance Wallets|##hl-gollum##|—|##wallet-balance##|##rows: 2##, ##cols: 2##
32 +|Uphold Wallets|favicon distant (URL complète)|—|##wallet-balance##|##rows: 2##, ##cols: 2##
38 38  
39 -== Sections ==
34 +Les sections Debian CVE et Aeroport portent ##useProxy: true## au niveau de la section : Dashy ne le lit pas à cet endroit, leurs widgets appellent donc leur API directement depuis le navigateur.
40 40  
41 -=== IoT — Pico W ===
36 +== Item ==
42 42  
43 43  {{code language="yaml"}}
44 -sections:
45 - - name: IoT — Pico W
46 - icon: hl-raspberry-pi
47 - displayData:
48 - cols: 1
49 - rows: 2
50 - items:
51 51   - title: Pico W
52 52   description: Interface Web LED + État
53 53   icon: hl-raspberry-pi
54 54   url: http://<IP_PICO>
55 55   statusCheck: true
56 - id: 0_268_picow
57 - widgets:
44 +{{/code}}
45 +
46 +La vérification d'état est faite par le serveur de Dashy, qui doit pouvoir joindre ##<IP_PICO>## depuis le conteneur. Le lien ne fonctionne que depuis le LAN ; l'interface du Pico est aussi relayée par SWAG sous ##/pico/## sur le domaine de Dashy, derrière Authelia.
47 +
48 +== Widgets ==
49 +
50 +=== embed (capteurs du Pico W) ===
51 +
52 +Widget HTML libre : Dashy injecte le HTML, le CSS et le script fournis. Ici, le script lit toutes les 30 secondes l'API JSON du Pico W (température, humidité, pression, altitude) et affiche quatre cartes.
53 +
54 +{{code language="yaml"}}
58 58   - type: embed
59 59   options:
60 60   html: |
... ... @@ -98,7 +98,7 @@
98 98   '<div class="pico-value">' + d.altitude.toFixed(1) + ' m</div>' +
99 99   '<div class="pico-label">Altitude</div></div>' +
100 100   '</div>' +
101 - '<div class="pico-footer">Mis à jour à ' + now + ' · Pico W <IP_PICO></div>';
98 + '<div class="pico-footer">Mis à jour à ' + now + '</div>';
102 102   }
103 103   function fetchData() {
104 104   fetch('/cors-proxy', { headers: { 'Target-URL': API } })
... ... @@ -106,124 +106,84 @@
106 106   .then(render)
107 107   .catch(function() {
108 108   document.getElementById('pico-content').innerHTML =
109 - '<p class="pico-error">⚠️ Impossible de joindre le Pico (<IP_PICO>)</p>';
106 + '<p class="pico-error">⚠️ Impossible de joindre le Pico</p>';
110 110   });
111 111   }
112 112   fetchData();
113 113   setInterval(fetchData, 30000);
114 114   })();
115 - id: 0_268_picow_sensor
116 116  {{/code}}
117 117  
118 -Le script du widget ##embed## appelle ##/cors-proxy## avec l'en-tête ##Target-URL##, car le Pico est en http sur le LAN. L'API du Pico renvoie un JSON avec ##temperature##, ##humidity##, ##pressure## et ##altitude##. ##<IP_PICO>## doit figurer dans ##allowed_internal## de SWAG.
114 +* Le script appelle lui-même ##/cors-proxy## avec l'en-tête ##Target-URL## : la page Dashy est en https et le Pico en http sur le LAN, un appel direct serait bloqué (contenu mixte et CORS). Derrière SWAG, ##<IP_PICO>## doit figurer dans ##allowed_internal##.
115 +* L'API du Pico doit renvoyer un objet JSON avec les champs numériques ##temperature##, ##humidity##, ##pressure## et ##altitude##.
116 +* Aucun identifiant.
119 119  
120 -=== NASA ===
118 +=== apod ===
121 121  
120 +Affiche l'image astronomique du jour de la NASA, avec son titre et sa description. Ni option ni identifiant.
121 +
122 122  {{code language="yaml"}}
123 -sections:
124 - - name: NASA
125 - icon: hl-nasa
126 - displayData:
127 - sortBy: default
128 - rows: 1
129 - cols: 1
130 - collapsed: false
131 - hideForGuests: false
132 - items: []
133 - widgets:
134 134   - type: apod
135 - id: 0_291_apod
136 136  {{/code}}
137 137  
138 -=== Debian CVE ===
126 +=== rss-feed ===
139 139  
128 +Affiche les derniers articles d'un flux RSS, converti en JSON par le service rss2json. Utilisé pour les avis de sécurité Debian et pour un site d'actualité Ubuntu.
129 +
140 140  {{code language="yaml"}}
141 -sections:
142 - - name: Debian CVE
143 - icon: hl-debian-linux
144 - useProxy: true
145 - widgets:
146 146   - type: rss-feed
147 147   options:
148 - rssUrl: https://www.debian.org/security/dsa
149 - id: 0_833_rssfeed
133 + rssUrl: <URL_FLUX_RSS>
134 + limit: 2
150 150  {{/code}}
151 151  
152 -##useProxy## est placé sur la section : il est ignoré, le widget appelle rss2json directement.
137 +* ##rssUrl## : adresse du flux (pour les avis de sécurité Debian : le flux DSA du site Debian).
138 +* ##limit## : nombre d'articles affichés.
139 +* Aucun identifiant : rss2json est utilisé en accès gratuit, avec un nombre de requêtes limité.
153 153  
154 -=== Aeroport ===
141 +=== flight-data ===
155 155  
143 +Affiche les prochains départs et arrivées d'un aéroport, via l'API AeroDataBox distribuée par RapidAPI.
144 +
156 156  {{code language="yaml"}}
157 -sections:
158 - - name: Aeroport
159 - icon: hl-flightaware
160 - useProxy: true
161 - widgets:
162 162   - type: flight-data
163 163   options:
164 - airport: LFPG
148 + airport: <CODE_OACI>
165 165   apiKey: <CLE_API_RAPIDAPI>
166 166   limit: 12
167 167   direction: all
168 - id: 0_844_flightdata
169 169  {{/code}}
170 170  
171 -* ##apiKey## : créer un compte RapidAPI, s'abonner à l'API AeroDataBox (offre gratuite) et copier la clé ##X-RapidAPI-Key##.
172 -* La clé est envoyée dans un en-tête que ##/cors-proxy## ne relaie pas : laisser ce widget sans ##useProxy##. Celui de la section est ignoré.
173 -* ##airport## : code OACI de l'aéroport.
154 +* ##airport## : code OACI à quatre lettres de l'aéroport.
155 +* ##direction## : ##all##, ##departure## ou ##arrival##.
156 +* ##limit## : nombre de vols affichés.
157 +* ##apiKey## : clé RapidAPI. Créer un compte sur RapidAPI, s'abonner à l'API AeroDataBox (offre gratuite, quota mensuel limité), puis copier la clé ##X-RapidAPI-Key## de l'application par défaut. Elle est commune à toutes les API RapidAPI du compte.
158 +* La clé est envoyée dans l'en-tête ##x-rapidapi-key##. Le proxy de SWAG ne relaie pas cet en-tête : ne pas mettre ce widget en ##useProxy: true## derrière SWAG sans l'ajouter au bloc Lua. Dans la configuration actuelle, l'appel part directement du navigateur.
174 174  
175 -=== News ===
160 +=== news-headlines ===
176 176  
177 -{{code language="yaml"}}
178 -sections:
179 - - name: News
180 - icon: fad fa-newspaper
181 - displayData:
182 - rows: 1
183 - sortBy: random
184 - cols: 1
185 - collapsed: true
186 - hideForGuests: false
187 - widgets:
188 - - type: rss-feed
189 - options:
190 - limit: '2'
191 - rssUrl: https://omgubuntu.co.uk/feed
192 - id: 0_413_rssfeed
193 -{{/code}}
162 +Affiche les derniers titres d'actualité d'un pays et d'une langue, via Currents API.
194 194  
195 -=== Medias ===
196 -
197 197  {{code language="yaml"}}
198 -sections:
199 - - name: Medias
200 - icon: hl-youtube
201 - displayData:
202 - rows: 1
203 - cols: 1
204 - sortBy: default
205 - collapsed: true
206 - hideForGuests: false
207 - widgets:
208 208   - type: news-headlines
209 209   useProxy: true
210 210   options:
211 211   lang: fr
212 212   country: FR
213 - count: '2'
170 + count: 2
214 214   apiKey: <CLE_API_CURRENTS>
215 - id: 0_595_newsheadlines
216 216  {{/code}}
217 217  
218 -##apiKey## : clé obtenue en créant un compte gratuit sur Currents API. Elle passe dans l'URL et traverse ##/cors-proxy## sans réglage.
174 +* ##lang## / ##country## : langue et pays des articles.
175 +* ##count## : nombre de titres affichés.
176 +* ##apiKey## : clé Currents API, obtenue en créant un compte gratuit sur le site de Currents API, puis copiée depuis son tableau de bord. Quota quotidien limité.
177 +* La clé passe dans l'adresse de la requête (paramètre ##apiKey##) : elle traverse le proxy de SWAG sans réglage particulier.
219 219  
220 -=== Crypto market ===
179 +=== crypto-watch-list ===
221 221  
181 +Affiche le cours, la variation et la capitalisation d'une liste de cryptomonnaies, via l'API publique CoinGecko. Aucun identifiant.
182 +
222 222  {{code language="yaml"}}
223 -sections:
224 - - name: Crypto market
225 - icon: hl-bitcoin
226 - widgets:
227 227   - type: crypto-watch-list
228 228   options:
229 229   currency: EUR
... ... @@ -230,268 +230,23 @@
230 230   assets:
231 231   - ethereum
232 232   - bnb
233 - - wrapped-beacon-eth
234 234   - basic-attention-token
235 - - paris-saint-germain-fan-token
236 - - fc-porto
237 - id: 0_1317_cryptowatchlist
238 - displayData:
239 - sortBy: default
240 - rows: 1
241 - cols: 1
242 - collapsed: false
243 - hideForGuests: false
244 244  {{/code}}
245 245  
246 -=== Binance Wallets ===
193 +* ##assets## : identifiants CoinGecko des monnaies, tels qu'ils apparaissent dans l'adresse de leur page sur CoinGecko (pas le symbole boursier).
194 +* ##currency## : devise d'affichage.
247 247  
248 -{{code language="yaml"}}
249 -sections:
250 - - name: Binance Wallets
251 - icon: hl-gollum
252 - widgets:
253 - - type: wallet-balance
254 - options:
255 - coin: eth
256 - network: main
257 - address: '<ADRESSE_WALLET_1>'
258 - id: 0_1452_walletbalance
259 - displayData:
260 - sortBy: default
261 - rows: 2
262 - cols: 2
263 - collapsed: false
264 - hideForGuests: false
265 -{{/code}}
196 +=== wallet-balance ===
266 266  
267 -=== Uphold Wallets ===
198 +Affiche le solde et les dernières transactions d'une adresse de portefeuille, via l'API publique BlockCypher. Utilisé deux fois, une adresse par section.
268 268  
269 269  {{code language="yaml"}}
270 -sections:
271 - - name: Uphold Wallets
272 - icon: https://uphold.com/favicon.ico
273 - widgets:
274 274   - type: wallet-balance
275 275   options:
276 276   coin: eth
277 277   network: main
278 - address: '<ADRESSE_WALLET_2>'
279 - id: 0_1384_walletbalance
280 - displayData:
281 - sortBy: default
282 - rows: 2
283 - cols: 2
284 - collapsed: false
285 - hideForGuests: false
205 + address: '<ADRESSE_WALLET>'
286 286  {{/code}}
287 287  
288 -== Fichier complet ==
289 -
290 -Le fichier ##news.yml## en un seul bloc, à copier tel quel dans ##user-data##.
291 -
292 -{{html wiki="true"}}
293 -<details><summary>Afficher news.yml complet</summary>
294 -
295 -{{code language="yaml"}}
296 -pageInfo:
297 - title: News
298 - description: Some RSS feed
299 - navLinks:
300 - - title: Home
301 - path: /
302 -pages:
303 - - name: bookmarks
304 - path: bookmark.yml
305 - - name: cpu
306 - path: cpu.yml
307 - - name: news
308 - path: news.yml
309 -sections:
310 - - name: IoT — Pico W
311 - icon: hl-raspberry-pi
312 - displayData:
313 - cols: 1
314 - rows: 2
315 - items:
316 - - title: Pico W
317 - description: Interface Web LED + État
318 - icon: hl-raspberry-pi
319 - url: http://<IP_PICO>
320 - statusCheck: true
321 - id: 0_268_picow
322 - widgets:
323 - - type: embed
324 - options:
325 - html: |
326 - <div id="pico-widget">
327 - <div id="pico-content">
328 - <p style="text-align:center;color:#888;">Chargement…</p>
329 - </div>
330 - </div>
331 - css: |
332 - #pico-widget { font-family: sans-serif; color: #e0e0e0; padding: 8px 4px; }
333 - #pico-widget .pico-grid { display: flex; gap: 12px; justify-content: space-around; flex-wrap: wrap; }
334 - #pico-widget .pico-card { background: rgba(255,255,255,0.06); border-radius: 12px; padding: 14px 18px; text-align: center; min-width: 90px; flex: 1; }
335 - #pico-widget .pico-icon { font-size: 1.8em; margin-bottom: 6px; }
336 - #pico-widget .pico-value { font-size: 1.5em; font-weight: bold; color: #fff; }
337 - #pico-widget .pico-label { font-size: 0.72em; color: #aaa; margin-top: 4px; text-transform: uppercase; letter-spacing: 1px; }
338 - #pico-widget .pico-footer { text-align: center; font-size: 0.68em; color: #666; margin-top: 10px; }
339 - #pico-widget .pico-error { color: #ff6b6b; text-align: center; padding: 10px; font-size: 0.85em; }
340 - script: |
341 - (function() {
342 - var API = 'http://<IP_PICO>/api';
343 - function getColor(t) {
344 - if (t < 10) return '#74b9ff';
345 - if (t < 20) return '#55efc4';
346 - if (t < 27) return '#fdcb6e';
347 - return '#ff7675';
348 - }
349 - function render(d) {
350 - var now = new Date().toLocaleTimeString('fr-FR', {hour:'2-digit',minute:'2-digit',second:'2-digit'});
351 - document.getElementById('pico-content').innerHTML =
352 - '<div class="pico-grid">' +
353 - '<div class="pico-card"><div class="pico-icon">🌡️</div>' +
354 - '<div class="pico-value" style="color:' + getColor(d.temperature) + '">' + d.temperature.toFixed(1) + '°C</div>' +
355 - '<div class="pico-label">Température</div></div>' +
356 - '<div class="pico-card"><div class="pico-icon">💧</div>' +
357 - '<div class="pico-value">' + d.humidity.toFixed(1) + '%</div>' +
358 - '<div class="pico-label">Humidité</div></div>' +
359 - '<div class="pico-card"><div class="pico-icon">🔵</div>' +
360 - '<div class="pico-value">' + d.pressure.toFixed(1) + '</div>' +
361 - '<div class="pico-label">Pression hPa</div></div>' +
362 - '<div class="pico-card"><div class="pico-icon">⛰️</div>' +
363 - '<div class="pico-value">' + d.altitude.toFixed(1) + ' m</div>' +
364 - '<div class="pico-label">Altitude</div></div>' +
365 - '</div>' +
366 - '<div class="pico-footer">Mis à jour à ' + now + ' · Pico W <IP_PICO></div>';
367 - }
368 - function fetchData() {
369 - fetch('/cors-proxy', { headers: { 'Target-URL': API } })
370 - .then(function(r) { return r.json(); })
371 - .then(render)
372 - .catch(function() {
373 - document.getElementById('pico-content').innerHTML =
374 - '<p class="pico-error">⚠️ Impossible de joindre le Pico (<IP_PICO>)</p>';
375 - });
376 - }
377 - fetchData();
378 - setInterval(fetchData, 30000);
379 - })();
380 - id: 0_268_picow_sensor
381 - - name: NASA
382 - icon: hl-nasa
383 - displayData:
384 - sortBy: default
385 - rows: 1
386 - cols: 1
387 - collapsed: false
388 - hideForGuests: false
389 - items: []
390 - widgets:
391 - - type: apod
392 - id: 0_291_apod
393 - - name: Debian CVE
394 - icon: hl-debian-linux
395 - useProxy: true
396 - widgets:
397 - - type: rss-feed
398 - options:
399 - rssUrl: https://www.debian.org/security/dsa
400 - id: 0_833_rssfeed
401 - - name: Aeroport
402 - icon: hl-flightaware
403 - useProxy: true
404 - widgets:
405 - - type: flight-data
406 - options:
407 - airport: LFPG
408 - apiKey: <CLE_API_RAPIDAPI>
409 - limit: 12
410 - direction: all
411 - id: 0_844_flightdata
412 - - name: News
413 - icon: fad fa-newspaper
414 - displayData:
415 - rows: 1
416 - sortBy: random
417 - cols: 1
418 - collapsed: true
419 - hideForGuests: false
420 - widgets:
421 - - type: rss-feed
422 - options:
423 - limit: '2'
424 - rssUrl: https://omgubuntu.co.uk/feed
425 - id: 0_413_rssfeed
426 - - name: Medias
427 - icon: hl-youtube
428 - displayData:
429 - rows: 1
430 - cols: 1
431 - sortBy: default
432 - collapsed: true
433 - hideForGuests: false
434 - widgets:
435 - - type: news-headlines
436 - useProxy: true
437 - options:
438 - lang: fr
439 - country: FR
440 - count: '2'
441 - apiKey: <CLE_API_CURRENTS>
442 - id: 0_595_newsheadlines
443 - - name: Crypto market
444 - icon: hl-bitcoin
445 - widgets:
446 - - type: crypto-watch-list
447 - options:
448 - currency: EUR
449 - assets:
450 - - ethereum
451 - - bnb
452 - - wrapped-beacon-eth
453 - - basic-attention-token
454 - - paris-saint-germain-fan-token
455 - - fc-porto
456 - id: 0_1317_cryptowatchlist
457 - displayData:
458 - sortBy: default
459 - rows: 1
460 - cols: 1
461 - collapsed: false
462 - hideForGuests: false
463 - - name: Binance Wallets
464 - icon: hl-gollum
465 - widgets:
466 - - type: wallet-balance
467 - options:
468 - coin: eth
469 - network: main
470 - address: '<ADRESSE_WALLET_1>'
471 - id: 0_1452_walletbalance
472 - displayData:
473 - sortBy: default
474 - rows: 2
475 - cols: 2
476 - collapsed: false
477 - hideForGuests: false
478 - - name: Uphold Wallets
479 - icon: https://uphold.com/favicon.ico
480 - widgets:
481 - - type: wallet-balance
482 - options:
483 - coin: eth
484 - network: main
485 - address: '<ADRESSE_WALLET_2>'
486 - id: 0_1384_walletbalance
487 - displayData:
488 - sortBy: default
489 - rows: 2
490 - cols: 2
491 - collapsed: false
492 - hideForGuests: false
493 -{{/code}}
494 -
495 -</details>
496 -{{/html}}
497 -
208 +* ##coin## / ##network## : chaîne interrogée (##eth## sur le réseau principal).
209 +* ##address## : adresse publique du portefeuille, entre guillemets pour qu'elle reste une chaîne. Ce n'est pas un secret d'accès, mais elle relie le tableau de bord aux fonds et à l'historique du portefeuille : une donnée personnelle, à ne pas publier.