From 12df5af6f24de6ba820f82695d3c483328bb9629 Mon Sep 17 00:00:00 2001
From: Ludovic Pouzenc <ludovic@pouzenc.fr>
Date: Mon, 5 Jun 2017 12:08:36 +0200
Subject: Simplify web form (great work from Cyril)

---
 maj/index.php | 79 ++++++++++++++++++++++++++++++++++++++++++++---------------
 1 file changed, 59 insertions(+), 20 deletions(-)

(limited to 'maj/index.php')

diff --git a/maj/index.php b/maj/index.php
index f9ed143..81b96c2 100644
--- a/maj/index.php
+++ b/maj/index.php
@@ -30,6 +30,28 @@ require_once('config.php');
 <!-- Local IP detection tricks via WebRTC and iframe
 <iframe id="iframe" sandbox="allow-same-origin" style="display: none"></iframe>-->
 <script src="main.js"></script>
+<script src="jquery-3.2.1.min.js"></script>
+
+<script>
+$( document ).ready(function() {
+
+	var last_pwd = $('#field_pwd1').val();
+	$('#field_key1').keypress(function(){ update_pwd_if_not_set(); });
+	$('#field_key1').keyup(function(){ update_pwd_if_not_set(); });
+
+	function update_pwd_if_not_set(){
+		if( $('#field_pwd1').val() == '' || $('#field_pwd1').val() == last_pwd ){
+			$('#field_pwd1').val($('#field_key1').val());
+			$('#field_pwd2').val($('#field_key1').val());
+			last_pwd = $('#field_pwd1').val();
+		}
+	}
+
+	$('#link_rt').attr('href', 'http://'+$('#field_ip4lan').val());
+});
+</script>
+
+<h1>Mise à jour de votre routeur (box)</h1>
 <?php
 	//FIXME : support IPv6 also
 	if ( array_key_exists('ip', $_GET) ) {
@@ -39,7 +61,7 @@ require_once('config.php');
 	}
 
 	if ( preg_match('/^185\.131\.4[01]\.[0-9]{1,3}$/', $ip4pub)!==1 ) {
-		echo "<div>Erreur&nbsp;: L'adresse publique $ip4pub n'est pas reconnue</div></body></html>\n";
+		echo "<div>L'adresse IP $ip4pub n'est pas reconnue.<br />La mise à jour doit obligatoirement être réalisée depuis votre connexion Comminges Haut Débit.</div></body></html>\n";
 		exit();
 	}
 
@@ -63,17 +85,18 @@ require_once('config.php');
 	$adt_initiales = $result->initiales;
 
 	$action=array_key_exists('dev', $_GET)?"gen-dev.php":"gen.php";
+	$action="gen-dev.php";	// Force le mode dev
 ?>
+
+<h2>Étape n°1 : Générer mon fichier de mise à jour</h2>
 <div>
 <form id="form_main" method="POST" action="<?=$action?>" style="width: 33em">
 	<fieldset>
-	<legend>Paramètres du réseau WiFi de maison</legend>
-		<label>Nom du réseau (SSID)&nbsp;:</label>
-		<span>
-			<input id="field_ssid" size="24" title="Le nom du réseau peut contenir des lettres, des nombres, des occurences de '.' (point), '-' (tiret) ou '_' (underscore). Maximum de 32 caractères." type="text" required pattern="[\w\._-]{1,32}" name="ssid" value="<?=$adt_initiales?>_CommingesHautDebit.net">
-		</span>
 
-		<label>Mot de passe Wifi&nbsp;:</label>
+
+	<legend>Paramètrage simplifié</legend>
+
+		<label>Mot de passe Wifi désiré&nbsp;:</label>
 		<span>
 			<input id="field_key1" size="24" title="Le mot de passe doit être composé de 8 à 63 caractères, devrait inclure des majuscules et des minuscules, des nombres ou des caractères spéciaux" type="password" required pattern="^[^']{8,64}$" name="key1">
 		</span>
@@ -87,9 +110,12 @@ require_once('config.php');
 			<input id="field_txpower" style="width: 14.8em;" type="range" min="-1" max="16" value="13" title="Merci de choisir la puissance d'émission du WiFi à l'intérieur de l'habitat.&#10;L'échelle va de 0 dBm (1 mW) à 16 dBm (39 mW), hors gain d'antenne." name="txpower">
 			<table><tr><td style="width:8em">Désactivé</td><td style="width:9em;">Moyen</td><td>Fort</td></table>
 		</span>
+
+		<a href="#" onclick="$('#advanced').slideToggle(); return false;">Afficher les paramètres avancés (facultatif)</a>
 	</fieldset>
-	<fieldset>
-	<legend>Administration du routeur</legend>
+	<fieldset id="advanced" style="display:none;">
+	<legend>Paramètres avancés (facultatif)</legend>
+
 		<label>Modèle du routeur&nbsp;:</label>
 		<span>
 			<?=$constructeur . " " . $modele."\n"?>
@@ -112,6 +138,10 @@ require_once('config.php');
 		<span>
 			<?=$ip6prefix?><input name="ip6prefix" type="hidden" value="<?=$ip6prefix?>">
 		</span>
+		<label>Nom du réseau (SSID)&nbsp;:</label>
+		<span>
+			<input id="field_ssid" size="24" title="Le nom du réseau peut contenir des lettres, des nombres, des occurences de '.' (point), '-' (tiret) ou '_' (underscore). Maximum de 32 caractères." type="text" required pattern="[\w\._-]{1,32}" name="ssid" value="<?=$adt_initiales?>_CommingesHautDebit.net">
+		</span>
 		<label>Mot de passe du routeur&nbsp;:</label>
 		<span>
 			<input id="field_pwd1" size="24" title="Le mot de passe doit être composé de 6 à 64 caractères, devrait inclure des majuscules et des minuscules, des nombres ou des caractères spéciaux" type="password" required pattern="^[^']{6,64}$" name="pwd1">
@@ -122,18 +152,27 @@ require_once('config.php');
 			<input id="field_pwd2" size="24" title="Merci de saisir le même mot de passe que dans le champ précédent" type="password" required name="pwd2">
 		</span>
 	</fieldset>
-	<div class="fieldset">
-		<div class="label"><a href="doc.html" target="_blank">Consulter la procédure à suivre</a></div>
-		<span><input id="btn_gen" type="submit" value="Valider et télécharger la mise à jour"></span>
-	</div>
-	<div style="margin-top:1em;">
-		<ul style="padding-left:2em; margin-top:0;">
-			<li>Utilisez ce formulaire depuis votre propre connexion internet CHD&nbsp;;</li>
-			<li>Réutilisez les anciens paramètres WiFi si vous souhaitez éviter de devoir retapper le mot de passe sur vos équipements WiFi&nbsp;;</li>
-			<li>Changez le mot de passe d'administration (initialement&nbsp;: <tt>admin</tt>)&nbsp;;</li>
-		</ul>
-	</div>
+
+	<input id="btn_gen" type="submit" value="Valider et télécharger la mise à jour">
 </form>
+
 </div>
+
+<p>&nbsp;</p>
+
+<h2>Étape n°2 : Procéder à la mise à jour</h2>
+
+<p>Nous vous conseillons vivement de lire et d'imprimer la <a href="doc.html" target="_blank">procédure complète</a> avant de vous lancer dans la mise à jour de votre routeur (box).</p>
+
+<p>Sinon, si vous êtes à l'aise avec l'informatique et le réseau, vous pouvez suivre les instructions simplifiées ci-dessous :</p>
+
+<ul>
+<li>a) Il faut tout d'abord vous connecter sur l'interface de votre routeur (box) en <a href="http://192.168.1.1" id="link_rt">cliquant ici</a>.</li>
+<li>b) Votre routeur (box) vous demandera ensuite de saisir un identifiant et un mot de passe. Dans les deux cas il s'agit de <strong>admin</strong>, si vous ne l'avez pas changé.</li>
+<li>c) Une fois connecté, cliquez dans le menu de gauche sur <strong>System Tools</strong> puis <strong>Firmware Upgrade</strong>.</li>
+<li>d) Sur cette page, cliquez le bouton à droite de <strong>File:</strong> et allez chercher le fichier que vous avez téléchargé à l'étape n°1. Cliquez ensuite sur <strong>Upgrade</strong> pour lancer la mise à jour du routeur.</li>
+<li>e) Vous allez normalement voir apparaitre une barre de progression, soyez patients et ne débranchez surtout pas votre routeur durant la mise à jour qui peut durer plusieurs minutes.</li>
+</ul>
+
 </body>
 </html>
-- 
cgit v1.1