mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-23 16:26: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

122
src/tools/token-generator/token-generator.tool.vue
View file

@ -1,54 +1,80 @@
<template>
<div>
<n-card>
<n-form label-placement="left" label-width="140">
<n-space justify="center" item-style="padding: 0" :size="0">
<div>
<n-form-item label="Uppercase (ABC...)">
<n-switch v-model:value="withUppercase" />
</n-form-item>
<n-form-item label="Lowercase (abc...)">
<n-switch v-model:value="withLowercase" />
</n-form-item>
</div>
<div>
<n-form-item label="Numbers (012...)">
<n-switch v-model:value="withNumbers" />
</n-form-item>
<n-form-item label="Symbols (;-!...)">
<n-switch v-model:value="withSymbols" />
</n-form-item>
</div>
</n-space>
</n-form>
<n-form-item :label="`Length (${length})`" label-placement="left">
<n-slider v-model:value="length" :step="1" :min="1" :max="512" />
<div>
<n-card>
<n-form
label-placement="left"
label-width="140"
>
<n-space
justify="center"
item-style="padding: 0"
:size="0"
>
<div>
<n-form-item label="Uppercase (ABC...)">
<n-switch v-model:value="withUppercase" />
</n-form-item>
<n-input
style="text-align: center;"
v-model:value="token"
type="textarea"
placeholder="The token..."
:autosize="{ minRows: 1 }"
readonly
autocomplete="off"
autocorrect="off"
autocapitalize="off"
spellcheck="false"
/>
<br />
<br />
<n-space justify="center">
<n-button @click="copy" secondary autofocus>Copy</n-button>
<n-button @click="refreshToken" secondary>Refresh</n-button>
</n-space>
</n-card>
</div>
<n-form-item label="Lowercase (abc...)">
<n-switch v-model:value="withLowercase" />
</n-form-item>
</div>
<div>
<n-form-item label="Numbers (012...)">
<n-switch v-model:value="withNumbers" />
</n-form-item>
<n-form-item label="Symbols (;-!...)">
<n-switch v-model:value="withSymbols" />
</n-form-item>
</div>
</n-space>
</n-form>
<n-form-item
:label="`Length (${length})`"
label-placement="left"
>
<n-slider
v-model:value="length"
:step="1"
:min="1"
:max="512"
/>
</n-form-item>
<n-input
v-model:value="token"
style="text-align: center;"
type="textarea"
placeholder="The token..."
:autosize="{ minRows: 1 }"
readonly
autocomplete="off"
autocorrect="off"
autocapitalize="off"
spellcheck="false"
/>
<br>
<br>
<n-space justify="center">
<n-button
secondary
autofocus
@click="copy"
>
Copy
</n-button>
<n-button
secondary
@click="refreshToken"
>
Refresh
</n-button>
</n-space>
</n-card>
</div>
</template>
<script setup lang="ts">