ami/tl-vikunja
1
0
Fork 0
Code

feat(api tokens): show warning if token has expired

Browse Source
This commit is contained in:
kolaente 2023-09-01 13:32:00 +02:00
parent 49104c65b6
commit 830a3745ba
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -151,6 +151,7 @@
"90d": "90 Days", "90d": "90 Days",
"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}.",
"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}\"?",

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

@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import ApiTokenService from '@/services/apiToken' import ApiTokenService from '@/services/apiToken'
import {computed, onMounted, ref} from 'vue' import {computed, onMounted, ref} from 'vue'
import {formatDateShort} from '@/helpers/time/formatDate' import {formatDateShort, formatDateSince} from '@/helpers/time/formatDate'
import XButton from '@/components/input/button.vue' import XButton from '@/components/input/button.vue'
import BaseButton from '@/components/base/BaseButton.vue' import BaseButton from '@/components/base/BaseButton.vue'
import ApiTokenModel from '@/models/apiTokenModel' import ApiTokenModel from '@/models/apiTokenModel'
@ -138,7 +138,12 @@ function formatPermissionTitle(title: string): string {
<br/> <br/>
</template> </template>
</td> </td>
<td>{{ formatDateShort(tk.expiresAt) }}</td> <td>
{{ formatDateShort(tk.expiresAt) }}
<p v-if="tk.expiresAt < new Date()" class="has-text-danger">
{{ $t('user.settings.apiTokens.expired', {ago: formatDateSince(tk.expiresAt)}) }}
</p>
</td>
<td>{{ formatDateShort(tk.created) }}</td> <td>{{ formatDateShort(tk.created) }}</td>
<td class="has-text-right"> <td class="has-text-right">
<x-button variant="secondary" @click="() => {tokenToDelete = tk; showDeleteModal = true}"> <x-button variant="secondary" @click="() => {tokenToDelete = tk; showDeleteModal = true}">