K356/k356/main/templates/components/EncryptionTesting/template.html
2024-09-27 18:09:38 +02:00

22 lines
1.1 KiB
HTML

{% load i18n %}
<div>
<div class="card mt-4 pt-2 ps-lg-2">
<h5 class="card-header">{% trans "Encryption testing" %}</h5>
<div class="card-body d-flex flex-column">
<p class="card-text">{% trans "The text will be automatically copied to your clipboard." %}</p>
<textarea class="form-control m-2" cols="50" rows="4" v-model="text" @keyup="encrypt(text)"></textarea>
<textarea class="form-control m-2" cols="50" rows="4" v-model="encrypted" disabled></textarea>
</div>
</div>
<div class="card mt-4 pt-2 ps-lg-2">
<h5 class="card-header">{% trans "Decryption testing" %}</h5>
<div class="card-body d-flex flex-column">
<p class="card-text">{% trans "The text will be automatically copied to your clipboard." %}</p>
<textarea class="form-control m-2" cols="50" rows="4" v-model="encrypted_text" @keyup="decrypt(encrypted_text)"></textarea>
<textarea class="form-control m-2" cols="50" rows="4" v-model="decrypted" disabled></textarea>
</div>
</div>
</div>