mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-24 16:56:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: externalized tool configuration

Browse source
This commit is contained in:
Corentin Thomasset 2021-05-28 19:44:27 +02:00
parent c3adfe30ec
commit 690bd099ef
No known key found for this signature in database
GPG key ID: DBD997E935996158
31 changed files with 387 additions and 300 deletions
Download patch file Download diff file Expand all files Collapse all files

92
pages/tools/crypto/token-generator.vue
View file

@ -1,92 +0,0 @@
<template>
<ToolWrapper :config="config()">
<v-row no-gutters>
<v-col lg="6" md="12">
<v-switch v-model="withLowercase" label="Lowercase (abc...)" />
<v-switch v-model="withUppercase" label="Uppercase (ABC...)" />
</v-col>
<v-col lg="6" md="12">
<v-switch v-model="withNumbers" label="Numbers (123...)" />
<v-switch v-model="withSpecials" label="Specials (#]-...)" />
</v-col>
</v-row>
<v-slider v-model="length" :label="`Length (${length})`" min="1" max="512" />
<v-textarea v-model="token" outlined />
<div class="text-center">
<v-btn depressed class="mr-4" @click="refreshToken()">
Refresh
</v-btn>
<v-btn depressed @click="copy(token)">
Copy token
</v-btn>
</div>
</ToolWrapper>
</template>
<script lang="ts">
import {Component} from 'nuxt-property-decorator'
import Tool from '~/components/Tool.vue'
import type {ToolConfig} from '~/types/ToolConfig'
import {CopyableMixin} from '~/mixins/copyable.mixin'
import {shuffle} from '~/utils/string'
const lowercase = 'abcdefghijklmopqrstuvwxyz'
const uppercase = 'ABCDEFGHIJKLMOPQRSTUVWXYZ'
const numbers = '0123456789'
const specials = '.,;:!?./-"\'#{([-|\\@)]=}*+'
@Component({
mixins: [CopyableMixin]
})
export default class TokenGenerator extends Tool {
config(): ToolConfig {
return {
title: 'Token generator',
description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus distinctio dolor dolorum eaque eligendi, facilis impedit laboriosam odit placeat.',
icon: 'mdi-key-chain-variant',
keywords: ['token', 'random', 'string', 'alphanumeric', 'symbols']
}
}
withNumbers = true;
withLowercase = true;
withUppercase = true;
withSpecials = false;
length = 64;
refreshBool = true;
refreshToken() {
this.refreshBool = !this.refreshBool
}
get token() {
if (this.refreshBool) {
(() => {
})()
} // To force recomputation
let result = ''
if (this.withLowercase) {
result += lowercase
}
if (this.withUppercase) {
result += uppercase
}
if (this.withNumbers) {
result += numbers
}
if (this.withSpecials) {
result += specials
}
return shuffle(result.repeat(this.length)).substring(0, this.length)
}
}
</script>
<style scoped>
</style>