From 7b8593f7bbe91d680478dfbdcb34e1bfc1fedbad Mon Sep 17 00:00:00 2001
From: Kepka Ludovic <shionn@gmail.com>
Date: Fri, 29 Aug 2025 09:39:09 +0200
Subject: [PATCH] =?UTF-8?q?Mettre=20les=20alias=20avant=20la=20configurati?=
 =?UTF-8?q?on=20si=20proton=20db=20est=20activ=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 webapp/templates/protondb.html | 39 ++++++++++++++++++----------------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/webapp/templates/protondb.html b/webapp/templates/protondb.html
index 269fe23..f19103b 100644
--- a/webapp/templates/protondb.html
+++ b/webapp/templates/protondb.html
@@ -4,24 +4,7 @@
 <h1>Proton DB</h1>
 <p>ProtonDB évalue la compatibilité des jeux Windows sur Linux via Steam Play.</p>
 
-<h2>Configuration</h2>
-<form action="{{ url_for('updateConfiguration') }}" method="POST">
-	<label for="proton_db_enable_enable">Activer</label>
-	<input type="checkbox" name="proton_db_enable_enable" {% if configuration.getValue('proton_db_enable_enable') %}
-		checked="checked" {% endif %}>
-	<label>Activer la commande Proton DB</label>
-	<label for="proton_db_api_id">Api ID</label>
-	<input name="proton_db_api_id" type="text" value="{{ configuration.getValue('proton_db_api_id') }}" />
-	<label for="proton_db_api_key">Api KEY</label>
-	<input name="proton_db_api_key" type="text" value="{{ configuration.getValue('proton_db_api_key') }}" />
-	<input type="Submit" value="Définir">
-	<p>Pour trouver les clés, dans votre navigateur avec l'outil d'inspection ouvert (F12 ou clic droit > Inspecter
-		l'élément dans Firefox/Chrome) faites une recherche de jeux sur protondb,
-		puis chercher les clés dans les requêtes (onglet Réseau/Network),
-		<a href="/static/img/algolia-key.jpg" target="_blank">comme le montre cet exemple</a>
-	</p>
-</form>
-
+{% if configuration.getValue('proton_db_enable_enable') %}
 <h2>Game alias</h2>
 <table>
 	<thead>
@@ -54,5 +37,25 @@
 		<strong>!protondb GTA 5</strong> cela fera une recherche sur <strong>Grand Theft Auto 5</strong>.
 	</p>
 </form>
+{% endif %}
+
+<h2>Configuration</h2>
+<form action="{{ url_for('updateConfiguration') }}" method="POST">
+	<label for="proton_db_enable_enable">Activer</label>
+	<input type="checkbox" name="proton_db_enable_enable" {% if configuration.getValue('proton_db_enable_enable') %}
+		checked="checked" {% endif %}>
+	<label>Activer la commande Proton DB</label>
+	<label for="proton_db_api_id">Api ID</label>
+	<input name="proton_db_api_id" type="text" value="{{ configuration.getValue('proton_db_api_id') }}" />
+	<label for="proton_db_api_key">Api KEY</label>
+	<input name="proton_db_api_key" type="text" value="{{ configuration.getValue('proton_db_api_key') }}" />
+	<input type="Submit" value="Définir">
+	<p>Pour trouver les clés, dans votre navigateur avec l'outil d'inspection ouvert (F12 ou clic droit > Inspecter
+		l'élément dans Firefox/Chrome) faites une recherche de jeux sur protondb,
+		puis chercher les clés dans les requêtes (onglet Réseau/Network),
+		<a href="/static/img/algolia-key.jpg" target="_blank">comme le montre cet exemple</a>
+	</p>
+</form>
+
 
 {% endblock %}
\ No newline at end of file