Merge branch 'fix-creation-pad-2' into 'master'

Fix creation pad 2

See merge request !4

README.md

@@ -4,11 +4,11 @@
 
 ## Usage
 
-Il suffit d'un serveur HTTP + PHP basique pour faire tourner ce service. Vous aurez aussi besoin d'une connexion vers un serveur Ehterpad pouvant créer des pads depuis n'importe quel URL. 
+Il suffit d'un serveur HTTP + PHP basique pour faire tourner ce service. Vous aurez aussi besoin d'une connexion vers un serveur Ehterpad pouvant créer des pads depuis n'importe quel URL.
 
 ## Installation
 
-1 - Récupérer le code 
+1 - Récupérer le code
 
 `$ git clone gitlab@git.laquadrature.net:Oncela5eva/carre.git`
 `$ cd carre`
@@ -16,7 +16,7 @@ Il suffit d'un serveur HTTP + PHP basique pour faire tourner ce service. Vous au
 2 - Créer un dossier "server" et donnez les droits au serveur ou à php d'écrire dedans.
 
 `$ mkdir server`
-	
+
 2.1 - Pour faire du développement, vous pouvez utilisez PHP sur votre machine de développement avec la commande suivante ;
 
 `$ php7 -S localhost:8080`
@@ -25,30 +25,47 @@ Il suffit d'un serveur HTTP + PHP basique pour faire tourner ce service. Vous au
 
 `pad.adress = "https://pad.lqdn.fr/p/test_padwikirc";`
 
-Merci de définir une autre URL quand vous faites vos tests et l'éventuelle mise en production. Des services de pad sont disponibles ici : [entraide.chatons.org](https://entraide.chatons.org) 
-	
+Merci de définir une autre URL quand vous faites vos tests et l'éventuelle mise en production. Des services de pad sont disponibles ici : [entraide.chatons.org](https://entraide.chatons.org)
+
 4 - Facultatif : protéger l'accès au dossier "admin" via htaccess (pour protéger la modification du menu)
 
-## Développement 
+## Développement
 
 Toute aide est la bienvenue ! Pour le moment, le but est de garder le code et les fonctionnalitées aussi simples que possible. Il serait donc bienvenue d'avoir des retours, afin de simplifier encore les usages que l'on peut avoir de ce service.
 
 Si vous avez des propositions, n'hésitez pas à le faire savoir, par mail ou en ouvrant un ticket.
 
+### Organisation du code source
+
+Le carré est construit autour des fichiers suivants ;
+
+- `index.html` contient la vue du client, et charge le code Javascript
+	- `init.js` Initialise la page
+	- `construct.js` construit le menu
+  - `click.js` répond aux cliques de l'utilisateurice.
+	- `option.js` actions modifiants le menu
+	- `update.js` mise à jour du serveur
+	- `pad.js` affiche les pages dans le pad
+- `updateClient.php`
+- `server/` va contenir les fichiers JSON décrivant l'état actuel du carré.
+- `fonts/` contient les polices de caractères.
+- `admin/` contient les fichiers PHP du serveur.
+	- `updateServer.php` se charge de faire la mise à jour des fichiers du côté serveur en réponse aux requêtes des clients.
+
 ## Licence
 
 ```
- DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE 
-                    Version 2, December 2004 
+ DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+                    Version 2, December 2004
 
- Copyright (C) 2004 Sam Hocevar <sam@hocevar.net> 
+ Copyright (C) 2004 Oncela <am@laquadrature.net>
 
- Everyone is permitted to copy and distribute verbatim or modified 
- copies of this license document, and changing it is allowed as long 
- as the name is changed. 
+ Everyone is permitted to copy and distribute verbatim or modified
+ copies of this license document, and changing it is allowed as long
+ as the name is changed.
 
-            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE 
-   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 
+            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
 
   0. You just DO WHAT THE FUCK YOU WANT TO.
 ```

index.html

@@ -8,6 +8,19 @@
 
 </body>
 
+<noscript>
+	<p>Désolé, mais le carré ne peut pas fonctionner sans Javascript...</p>
+	<p>Si vous souhaitez l'utiliser, vous devrez activer le Javascript.</p>
+	<p>
+		<em>Pourquoi ?</em> <br>
+		Parce qu'il utilise Etherpad, qui lui-même utiliser le Javascript pour permettre la collaboration en temps réel.
+	</p>
+	<p>
+		<em>Code source</em> <br>
+		Afin de vous assurer du code qui tournera une fois le Javascript activé, vous pouvez lire le code source du carré ici : <a target="_blank" rel="noopener noreferrer nofollow" href="https://git.laquadrature.net/Oncela5eva/carre">Le Carré</a>
+	</p>
+</noscript>
+
 <!-- 	Initialise la page -->
 		<script src="init.js"></script>
 

irc.js

-var 	irc = document.createElement("iframe");
-		irc.id = "irc";
-		irc.src = "https://demo.thelounge.chat/?channels=lqdn-travail&nick=anon";
-
-		irc.start = function()
-		{
-			document.body.appendChild(irc);
-		}