From 54ece76c7e916aa919d9e5abaca69efd7c12968d Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Fri, 12 Feb 2021 12:35:29 +0100
Subject: [PATCH] hop

---
 .../ciphering/ciphering.component.html        | 81 +++++++++++++------
 1 file changed, 56 insertions(+), 25 deletions(-)

diff --git a/src/app/features/shared/components/ui/static-pages/ciphering/ciphering.component.html b/src/app/features/shared/components/ui/static-pages/ciphering/ciphering.component.html
index 435fb44c..9a12a9fe 100644
--- a/src/app/features/shared/components/ui/static-pages/ciphering/ciphering.component.html
+++ b/src/app/features/shared/components/ui/static-pages/ciphering/ciphering.component.html
@@ -29,38 +29,69 @@
 		<h4 class="title">Comment on a fait?</h4>
 
 		Voici notre alphabet autorisé ( {{ alphab.length }} caractères):
-		<pre>
-			{{ alphab }}
-		</pre
-		>
+		<pre>{{ alphab }}</pre>
 		Tout caractère qui n'est pas présent dans notre alphabet sera converti en souligné "_".
 		<br />
 		Notre texte après vérification : <code>{{ filterCharacters(plainText) }}</code>
 		<br />
 		On sépare le texte en {{ separatedCouples.length }} couples de caractères pour le mettre dans une matrice. On
 		prend la pilule rouge.
-
-		<ul>
-			<li *ngFor="let c; in: separecpl(plainText)">
-				<pre class="debug padded warning">
-					{{ c | json }}
-				</pre
-				>
-			</li>
-		</ul>
-		<fieldset class="couple" *ngFor="let c; in: separatedCouples">
-			<!--				{{c[0]}}-->
-			<!--				{{c[1]}}-->
-			<pre class="debug padded warning">
-					{{ c | json }}
-				</pre
-			>
-		</fieldset>
-		<pre class="debug padded warning">
-		separatedCouples :
-			{{ separatedCouples | json }}
-		</pre
+		<br />
+		<span class="couple btn is-info" *ngFor="let c of separatedCouples"> [{{ c[0] }} , {{ c[1] }}] </span>
+		<br />
+		Pour chaque couple de caractères comme
+		<span class="couple btn is-info">[{{ separatedCouples[0][0] }} , {{ separatedCouples[0][1] }}]</span>
+		<br />
+		on crée le couple d'indices de ces caractères.
+		<code
+			>[
+			{{ dico.indexOf(separatedCouples[0][0]) }}
+			,
+			{{ dico.indexOf(separatedCouples[0][1]) }}
+			]</code
 		>
+		<br />
+		On
+		<a href="https://fr.wikipedia.org/wiki/Produit_matriciel#Produit_matriciel_ordinaire">
+			applique la matrice par produit
+		</a>
+
+		<code>
+			{{ convertStringToMatrix(codingMatrice) }}
+		</code>
+		au couple d'indices, ce qui donne:
+		<br />
+		<button class="btn is-info">
+			{{
+				applique(codingMatrice, [dico.indexOf(separatedCouples[0][0]), dico.indexOf(separatedCouples[0][1])])
+					| json
+			}}
+		</button>
+		<br />
+		et on re convertit les indices en caractères selon notre dictionnaire.
+		<button class="btn is-info">
+			{{
+				alphab[
+					applique(codingMatrice, [
+						dico.indexOf(separatedCouples[0][0]),
+						dico.indexOf(separatedCouples[0][1])
+					])[0]
+				]
+			}}
+			{{
+				alphab[
+					applique(codingMatrice, [
+						dico.indexOf(separatedCouples[0][0]),
+						dico.indexOf(separatedCouples[0][1])
+					])[1]
+				]
+			}}
+		</button>
+		<br />
+		on accumule ces lettres converties dans la chaine msgout et on obtient tout notre texte chiffré.
+		<code>
+			{{ cipheredTextCIL }}
+		</code>
 	</section>
 	<section class="boxed-shadow">
 		<h3 class="title">1) Chiffrement simple</h3>