93 lines
2.3 KiB
Vue
93 lines
2.3 KiB
Vue
<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>
|