52 lines
1.1 KiB
Vue
52 lines
1.1 KiB
Vue
|
<script setup>
|
||
|
|
import { useAuthStore } from '@/stores/authStore.js'
|
||
|
|
import { computed, onMounted, ref } from 'vue'
|
||
|
|
import { convertIso } from '@/services/convertTime.js'
|
||
|
|
|
||
|
|
const store = useAuthStore()
|
||
|
|
|
||
|
|
const currentSession = ref(null)
|
||
|
|
|
||
|
|
onMounted(() => {
|
||
|
|
store.currentSession().then((data) => {
|
||
|
|
currentSession.value = data
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
const formattedDate = computed(() => {
|
||
|
|
const expires = currentSession?.value?.expires
|
||
|
|
|
||
|
|
if (!expires) {
|
||
|
|
return '---'
|
||
|
|
}
|
||
|
|
|
||
|
|
try {
|
||
|
|
return convertIso(expires)
|
||
|
|
} catch (error) {
|
||
|
|
console.log(error, expires);
|
||
|
|
return '---';
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<n-card :bordered="false" title="Session">
|
||
|
|
<n-list hoverable clickable>
|
||
|
|
<n-list-item>
|
||
|
|
<n-thing title="Session id" content-style="margin-top: 10px;">
|
||
|
|
{{ currentSession?.uuid || '---' }}
|
||
|
|
</n-thing>
|
||
|
|
</n-list-item>
|
||
|
|
|
||
|
|
<n-list-item>
|
||
|
|
<n-thing title="Expires at" content-style="margin-top: 10px;">
|
||
|
|
{{ formattedDate }}
|
||
|
|
</n-thing>
|
||
|
|
</n-list-item>
|
||
|
|
</n-list>
|
||
|
|
</n-card>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped></style>
|