funky-framadate-front/src/app/features/shared/components/ui/static-pages/ciphering/ciphering.component.html

70 lines
2.0 KiB
HTML

<div class="ciphering padded">
<h2>
Essais de chiffrement pour un framadate zéro knoledge
</h2>
<div class="columns">
<div class="column">
<section class="boxed-shadow">
<h3>Chiffrement simple</h3>
<input type="text" [(ngModel)]="plainText" (ngModelChange)="encrypt(plainText)" />
texte clair à convertir en truc indéchiffrable (à priori)
<br />
simple ciphered. On assigne un numéro à chaque caractère, séparé par un tiret en sortie.
<strong class="cipher-result">
<app-copy-text [textToCopy]="simpleCipheredText" [displayLabelButton]="false"></app-copy-text>
{{ simpleCipheredText }}
</strong>
<br />
<h3>Avec un peu de sel?</h3>
<input type="text" [(ngModel)]="salt" />
salt
<br />
simple ciphered avec un sel. on ajoute le sel avant le texte puis on passe le tout dans la conversion
comme ci-dessus.
<strong class="cipher-result">
<app-copy-text
[textToCopy]="simpleCipheredTextWithSalt"
[displayLabelButton]="false"
></app-copy-text>
{{ simpleCipheredTextWithSalt }}
</strong>
</section>
</div>
<div class="column"></div>
</div>
<section class="boxed-shadow">
<h3>Déchiffrement simple</h3>
Collez ici le texte chiffré à convertir en truc lisible par l'opération
<strike>du saint esprit</strike> réalisée dans l'autre sens
<input type="text" [(ngModel)]="cipheredText" />
<br />
simple texte déchiffré
<strong class="cipher-result">
{{ simpleDeCipheredText }}
</strong>
simple texte déchiffré avec sel
<strong class="cipher-result">
{{ simpleDeCipheredTextWithSalt }}
</strong>
</section>
<section class="is-boxed">
<h3>Chiffrement AES</h3>
<app-wip-todo></app-wip-todo>
<input type="text" [(ngModel)]="cipheredText" />
texte avancé à déchiffrer
<br />
<input type="text" [(ngModel)]="salt" />
salt
<input type="text" [(ngModel)]="initial_vector" />
initial_vector
<br />
<input type="text" [(ngModel)]="key" />
key
</section>
</div>