ami/tl-vikunja
1
0
Fork 0
Code

fix(api tokens): show a token after it was created

Browse Source
This commit is contained in:
kolaente 2023-09-06 09:59:19 +02:00
parent a8a6ec5ab0
commit b9e17ea870
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
2 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/i18n/lang/en.json
View File

@ -157,6 +157,8 @@
"permissionExplanation": "Permissions allow you to scope what an api token is allowed to do.", "permissionExplanation": "Permissions allow you to scope what an api token is allowed to do.",
"titleRequired": "The title is required", "titleRequired": "The title is required",
"expired": "This token has expired {ago}.", "expired": "This token has expired {ago}.",
"tokenCreatedSuccess": "Here is your new api token: {token}",
"tokenCreatedNotSeeAgain": "Store it in a secure location, you won't see it again!",
"delete": { "delete": {
"header": "Delete this token", "header": "Delete this token",
"text1": "Are you sure you want to delete the token \"{token}\"?", "text1": "Are you sure you want to delete the token \"{token}\"?",

8
src/views/user/settings/ApiTokens.vue
View File

@ -11,6 +11,7 @@ import flatPickr from 'vue-flatpickr-component'
import 'flatpickr/dist/flatpickr.css' import 'flatpickr/dist/flatpickr.css'
import {useI18n} from 'vue-i18n' import {useI18n} from 'vue-i18n'
import {useAuthStore} from '@/stores/auth' import {useAuthStore} from '@/stores/auth'
import Message from '@/components/misc/message.vue'
const service = new ApiTokenService() const service = new ApiTokenService()
const tokens = ref([]) const tokens = ref([])
@ -23,6 +24,7 @@ const newTokenExpiryCustom = ref(new Date())
const newTokenPermissions = ref({}) const newTokenPermissions = ref({})
const newTokenTitleValid = ref(true) const newTokenTitleValid = ref(true)
const apiTokenTitle = ref() const apiTokenTitle = ref()
const tokenCreatedSuccessMessage = ref('')
const showDeleteModal = ref(false) const showDeleteModal = ref(false)
const tokenToDelete = ref(null) const tokenToDelete = ref(null)
@ -97,6 +99,7 @@ async function createToken() {
}) })
const token = await service.create(newToken.value) const token = await service.create(newToken.value)
tokenCreatedSuccessMessage.value = t('user.settings.apiTokens.tokenCreatedSuccess', {token: token.token})
newToken.value = new ApiTokenModel() newToken.value = new ApiTokenModel()
newTokenExpiry.value = 30 newTokenExpiry.value = 30
newTokenExpiryCustom.value = new Date() newTokenExpiryCustom.value = new Date()
@ -113,6 +116,11 @@ function formatPermissionTitle(title: string): string {
<template> <template>
<card :title="$t('user.settings.apiTokens.title')"> <card :title="$t('user.settings.apiTokens.title')">
<message v-if="tokenCreatedSuccessMessage !== ''" class="has-text-centered mb-4">
{{ tokenCreatedSuccessMessage }}<br/>
{{ $t('user.settings.apiTokens.tokenCreatedNotSeeAgain') }}
</message>
<p> <p>
{{ $t('user.settings.apiTokens.general') }} {{ $t('user.settings.apiTokens.general') }}
<BaseButton :href="apiDocsUrl">{{ $t('user.settings.apiTokens.apiDocs') }}</BaseButton> <BaseButton :href="apiDocsUrl">{{ $t('user.settings.apiTokens.apiDocs') }}</BaseButton>