- Reintroduced the realtime dashboard tab in the navigation menu. - Updated Globe component to utilize geographic coordinates for live session locations. - Added dynamic resizing for the globe based on viewport width. - Implemented stop rotation feature on mouse down for better user interaction. - Cleaned up commented code and improved type definitions in event logging.
31 lines
708 B
Vue
31 lines
708 B
Vue
<script setup>
|
|
const route = useRoute()
|
|
</script>
|
|
|
|
<template>
|
|
<section class="flex justify-between">
|
|
<Tabs
|
|
v-if="route.path !== '/dashboard/link'"
|
|
:default-value="route.path"
|
|
@update:model-value="navigateTo"
|
|
>
|
|
<TabsList>
|
|
<TabsTrigger
|
|
value="/dashboard/links"
|
|
>
|
|
{{ $t('nav.links') }}
|
|
</TabsTrigger>
|
|
<TabsTrigger value="/dashboard/analysis">
|
|
{{ $t('nav.analysis') }}
|
|
</TabsTrigger>
|
|
<TabsTrigger value="/dashboard/realtime">
|
|
{{ $t('nav.realtime') }}
|
|
</TabsTrigger>
|
|
</TabsList>
|
|
</Tabs>
|
|
<slot name="left" />
|
|
<div>
|
|
<slot />
|
|
</div>
|
|
</section>
|
|
</template>
|