Elizhium/litlyx
1
0
Fork 0
mirror of https://github.com/Litlyx/litlyx synced 2025-12-10 15:58:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

new selfhosted version

Browse Source
This commit is contained in:
antonio
2025-11-28 14:11:51 +01:00
parent afda29997d
commit 951860f67e
1046 changed files with 72586 additions and 574750 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
dashboard/components/complex/actionable-chart/ChartTooltip.vue Normal file
View File

@@ -0,0 +1,49 @@
<script lang="ts" setup>
export type TooltipData = {
visits: number,
events: number,
sessions: number,
date: string
}
const props = defineProps<{ data: any }>();
const colors = useChartColor();
</script>
<template>
<div class="z-[400] absolute pointer-events-none transition-all duration-300">
<Card class="py-2 px-3 flex flex-col gap-2 !border-violet-500/20">
<div class="flex gap-2 items-center">
<div> Date: </div>
<div v-if="data"> {{ data.date }}</div>
</div>
<div class="flex flex-col gap-2">
<div class="flex gap-2 items-center bg-muted dark:bg-muted/20 px-2 py-1 rounded">
<div class="size-3 rounded-full" :style="`background-color: ${colors.visits};`">
</div>
<div> Visits: </div>
<div class="text-muted-foreground">{{ props.data.visits }}</div>
</div>
<div class="flex gap-2 items-center bg-muted dark:bg-muted/20 px-2 py-1 rounded">
<div class="size-3 rounded-full" :style="`background-color: ${colors.sessions};`">
</div>
<div> Unique Visitors: </div>
<div class="text-muted-foreground">{{ props.data.sessions }}</div>
</div>
<div class="flex gap-2 items-center bg-muted dark:bg-muted/20 px-2 py-1 rounded">
<div class="size-3 rounded-full" :style="`background-color: yellow;`">
</div>
<div> Events: </div>
<div class="text-muted-foreground">{{ props.data.events }}</div>
</div>
</div>
</Card>
</div>
</template>