adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-16 20:22:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

add api token expiry information notices

Browse Source
This commit is contained in:
Gregor Vostrak
2025-02-13 13:09:55 +01:00
parent 427c904747
commit 91d6ff7392
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
resources/js/Pages/Profile/Partials/ApiTokensForm.vue
View File

@@ -22,6 +22,7 @@ import {useMutation, useQuery, useQueryClient} from "@tanstack/vue-query";
import {useNotificationsStore} from "@/utils/notification"; import {useNotificationsStore} from "@/utils/notification";
import {useClipboard} from "@vueuse/core"; import {useClipboard} from "@vueuse/core";
import { formatDateTimeLocalized} from "../../../packages/ui/src/utils/time"; import { formatDateTimeLocalized} from "../../../packages/ui/src/utils/time";
import {ClockIcon} from "@heroicons/vue/20/solid";
const queryClient = useQueryClient(); const queryClient = useQueryClient();
@@ -165,6 +166,13 @@ const revokeApiTokenMutation = useMutation({
<InputError <InputError
:message="createApiTokenForm.errors.name" :message="createApiTokenForm.errors.name"
class="mt-2" /> class="mt-2" />
<div class="text-text-tertiary text-sm pt-3 flex space-x-1.5 font-medium items-center">
<ClockIcon class="w-4"></ClockIcon>
<span>
API Tokens are valid for 1 year
</span>
</div>
</div> </div>
</template> </template>
@@ -208,7 +216,10 @@ const revokeApiTokenMutation = useMutation({
<div>{{ token.name }}</div> <div>{{ token.name }}</div>
<div class="text-sm text-text-tertiary space-x-3"> <div class="text-sm text-text-tertiary space-x-3">
<span v-if="token.created_at"> <span v-if="token.created_at">
Created on {{ formatDateTimeLocalized(token.created_at) }} Created at {{ formatDateTimeLocalized(token.created_at) }}
</span>
<span v-if="token.expires_at">
Expires at {{ formatDateTimeLocalized(token.expires_at) }}
</span> </span>
<span v-if="token.revoked"> <span v-if="token.revoked">
Revoked Revoked
@@ -249,6 +260,10 @@ const revokeApiTokenMutation = useMutation({
<div> <div>
Please copy your new API token. For your security, it won't Please copy your new API token. For your security, it won't
be shown again. be shown again.
<strong>This token is valid for one year</strong> unless you revoke it.
</div>
<div>
</div> </div>
<div class="flex gap-2 pt-6 w-full"> <div class="flex gap-2 pt-6 w-full">