diff options
Diffstat (limited to 'src/tools/encryption/encryption.vue')
| -rw-r--r-- | src/tools/encryption/encryption.vue | 178 |
1 files changed, 101 insertions, 77 deletions
diff --git a/src/tools/encryption/encryption.vue b/src/tools/encryption/encryption.vue index 415aadc..efe2be9 100644 --- a/src/tools/encryption/encryption.vue +++ b/src/tools/encryption/encryption.vue @@ -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"> |