mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-29 10:59:12 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: DateConverter

Browse source 
Signed-off-by: CorentinTh <corentin.thomasset74@gmail.com>
This commit is contained in:
CorentinTh 2020-04-25 21:05:40 +02:00 • committed by Corentin THOMASSET
parent d1db2c8601
commit 5a06d89bcc
7 changed files with 132 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/components/TokenGenerator.vue
View file

@ -1,34 +1,29 @@
<template>
<v-card>
<v-card class="single-card">
<v-card-title>Token generator</v-card-title>
<v-card-text>
<v-row no-gutters>
<v-col lg="6" md="12">
<v-switch v-model="withLowercase" label="Lowercase (abc...)" color="#4CAF50"/>
<v-switch v-model="withUppercase" label="Uppercase (ABC...)" color="#4CAF50"/>
<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...)" color="#4CAF50"/>
<v-switch v-model="withSpecials" label="Specials (#]-...)" color="#4CAF50"/>
<v-switch v-model="withNumbers" label="Numbers (123...)"/>
<v-switch v-model="withSpecials" label="Specials (#]-...)"/>
</v-col>
</v-row>
<v-slider :label="`Length (${length})`" v-model="length" color="#4CAF50"></v-slider>
<v-slider :label="`Length (${length})`" v-model="length" min="1" max="256"></v-slider>
<v-text-field
outlined
:value="token"
append-icon="fa-refresh"
@click:append="refreshToken()"
append-outer-icon="fa-clipboard"
@click:append-outer="copyToken()"
>
</v-text-field>
<v-textarea outlined v-model="token"></v-textarea>
<div class="text-center">
<v-btn @click="refreshToken()" depressed class="mr-4">Refresh</v-btn>
<v-btn @click="copyToken()" depressed>Copy token</v-btn>
</div>
</v-card-text>
</v-card>
</template>
@ -59,7 +54,7 @@
refreshToken() {
this.refreshBool = !this.refreshBool;
},
copyToken(){
copyToken() {
copyToClipboard(this.token);
this.$toast.success('Copied to clipboard.')
}
@ -82,9 +77,6 @@
}
</script>
<style>
.v-card {
max-width: 600px;
width: 500px;
}
<style >
</style>