EcoIndex_browser-plugin/src/options/options.html at 682e6811836d5e8401a1d009f45d70b4afd44c50 · cnumr/EcoIndex_browser-plugin · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="fr">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Paramètres — EcoIndex.fr</title>
	<link rel="stylesheet" href="./options.css">
</head>

<body class="container options-page">
	<h1>Paramètres</h1>
	<p>Personnalisez le comportement de l’extension <strong>EcoIndex.fr</strong>.</p>

	<section class="space" aria-labelledby="prefs-heading">
		<h2 id="prefs-heading" class="h3">Préférences</h2>
		<form id="options-form">
			<div class="options-field">
				<input type="checkbox" id="show-screenshot" name="showScreenshot">
				<label for="show-screenshot">Afficher la capture d’écran de la page dans le popup lorsqu’une analyse est disponible</label>
			</div>
		</form>
		<p id="options-status" role="status" aria-live="polite"></p>
	</section>

	<section class="space" aria-labelledby="perms-heading">
		<h2 id="perms-heading" class="h3">Données et permissions</h2>
		<p>L’Extension peut déclarer dans son manifeste :</p>
		<pre class="options-code" id="options-perms-snippet" aria-label="Exemple de permissions manifeste">{
  "permissions": ["activeTab", "storage"],
  "host_permissions": ["https://bff.ecoindex.fr/*"]
}</pre>
		<ul class="options-perms-list">
			<li><strong>activeTab</strong> — Accès <strong>temporaire</strong> à l’onglet actif lorsque vous ouvrez la popup pour récupérer l’URL affichée et demander le score Ecoindex correspondant.</li>
			<li><strong>storage</strong> — Stockage <strong>local</strong> des préférences de l’extension sur votre appareil.</li>
			<li><strong>host_permissions https://bff.ecoindex.fr/*</strong> — Autorise uniquement les appels réseau vers l’API officielle Ecoindex BFF. Aucun accès hôte large de type <code>&lt;all_urls&gt;</code> n’est demandé.</li>
		</ul>
		<p class="options-meta">Détail : voir la politique de confidentialité du projet (<code>doc/PRIVACY-POLICY-FR.md</code> ou <code>doc/PRIVACY-POLICY.md</code>).</p>
	</section>

	<section class="space options-meta" aria-labelledby="about-heading">
		<h2 id="about-heading" class="h3">À propos</h2>
		<p>Version <span id="extension-version">—</span></p>
		<p class="options-links">
			<a href="https://www.ecoindex.fr" target="_blank" rel="noopener noreferrer">Site Ecoindex</a>
			·
			<a href="https://github.com/cnumr/EcoIndex_browser-plugin" target="_blank" rel="noopener noreferrer">Code source</a>
		</p>
	</section>

	<script type="module" src="./options.js"></script>
</body>

</html>