mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-21 23:36:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(style): updated linter config

Browse source
This commit is contained in:
Corentin Thomasset 2022-04-15 23:10:47 +02:00
parent 39746e07c5
commit 6b58ec554a
No known key found for this signature in database
GPG key ID: DBD997E935996158
27 changed files with 1144 additions and 571 deletions
Download patch file Download diff file Expand all files Collapse all files

178
src/tools/encryption/encryption.vue
View file

@ -1,81 +1,105 @@
<template>
<div>
<n-card title="Encrypt">
<n-space item-style="flex: 1 1 0">
<n-form-item label="Your text:" :show-feedback="false">
<n-input
v-model:value="cypherInput"
type="textarea"
placeholder="The string to cypher"
:autosize="{ minRows: 4 }"
/>
</n-form-item>
<n-space vertical>
<n-form-item label="Your secret key:" :show-feedback="false">
<n-input v-model:value="cypherSecret" />
</n-form-item>
<n-form-item label="Encryption algorithm:" :show-feedback="false">
<n-select
v-model:value="cypherAlgo"
:options="Object.keys(algos).map(label => ({ label, value: label }))"
/>
</n-form-item>
</n-space>
</n-space>
<br />
<n-form-item label="Yout text encrypted:" :show-feedback="false">
<n-input
:value="cypherOutput"
type="textarea"
placeholder="Your string hash"
:autosize="{ minRows: 2 }"
readonly
autocomplete="off"
autocorrect="off"
autocapitalize="off"
spellcheck="false"
/>
</n-form-item>
</n-card>
<br />
<n-card title="Decrypt">
<n-space item-style="flex: 1 1 0">
<n-form-item label="Your encrypted text:" :show-feedback="false">
<n-input
v-model:value="decryptInput"
type="textarea"
placeholder="The string to cypher"
:autosize="{ minRows: 4 }"
/>
</n-form-item>
<n-space vertical>
<n-form-item label="Your secret key:" :show-feedback="false">
<n-input v-model:value="decryptSecret" />
</n-form-item>
<n-form-item label="Encryption algorithm:" :show-feedback="false">
<n-select
v-model:value="decryptAlgo"
:options="Object.keys(algos).map(label => ({ label, value: label }))"
/>
</n-form-item>
</n-space>
</n-space>
<br />
<n-form-item label="Yout decrypted text:" :show-feedback="false">
<n-input
:value="decryptOutput"
type="textarea"
placeholder="Your string hash"
:autosize="{ minRows: 2 }"
readonly
autocomplete="off"
autocorrect="off"
autocapitalize="off"
spellcheck="false"
/>
</n-form-item>
</n-card>
</div>
<div>
<n-card title="Encrypt">
<n-space item-style="flex: 1 1 0">
<n-form-item
label="Your text:"
:show-feedback="false"
>
<n-input
v-model:value="cypherInput"
type="textarea"
placeholder="The string to cypher"
:autosize="{ minRows: 4 }"
/>
</n-form-item>
<n-space vertical>
<n-form-item
label="Your secret key:"
:show-feedback="false"
>
<n-input v-model:value="cypherSecret" />
</n-form-item>
<n-form-item
label="Encryption algorithm:"
:show-feedback="false"
>
<n-select
v-model:value="cypherAlgo"
:options="Object.keys(algos).map(label => ({ label, value: label }))"
/>
</n-form-item>
</n-space>
</n-space>
<br>
<n-form-item
label="Yout text encrypted:"
:show-feedback="false"
>
<n-input
:value="cypherOutput"
type="textarea"
placeholder="Your string hash"
:autosize="{ minRows: 2 }"
readonly
autocomplete="off"
autocorrect="off"
autocapitalize="off"
spellcheck="false"
/>
</n-form-item>
</n-card>
<br>
<n-card title="Decrypt">
<n-space item-style="flex: 1 1 0">
<n-form-item
label="Your encrypted text:"
:show-feedback="false"
>
<n-input
v-model:value="decryptInput"
type="textarea"
placeholder="The string to cypher"
:autosize="{ minRows: 4 }"
/>
</n-form-item>
<n-space vertical>
<n-form-item
label="Your secret key:"
:show-feedback="false"
>
<n-input v-model:value="decryptSecret" />
</n-form-item>
<n-form-item
label="Encryption algorithm:"
:show-feedback="false"
>
<n-select
v-model:value="decryptAlgo"
:options="Object.keys(algos).map(label => ({ label, value: label }))"
/>
</n-form-item>
</n-space>
</n-space>
<br>
<n-form-item
label="Yout decrypted text:"
:show-feedback="false"
>
<n-input
:value="decryptOutput"
type="textarea"
placeholder="Your string hash"
:autosize="{ minRows: 2 }"
readonly
autocomplete="off"
autocorrect="off"
autocapitalize="off"
spellcheck="false"
/>
</n-form-item>
</n-card>
</div>
</template>
<script setup lang="ts">