Elizhium/litlyx
1
0
Fork 0
mirror of https://github.com/Litlyx/litlyx synced 2026-02-04 14:42:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

update menu + add event page

Browse Source
This commit is contained in:
Emily
2024-06-14 15:41:49 +02:00
parent 16147da824
commit 96abb174d1
15 changed files with 191 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
dashboard/pages/events.vue
View File

@@ -13,11 +13,10 @@ const eventsStackedSelectIndex = ref<number>(0);
<template>
<div class="w-full h-full overflow-y-auto pb-20 md:pt-4 lg:pt-0">
<div class="w-full h-full overflow-y-auto pb-20 p-6 gap-6 flex flex-col">
<div class="flex p-6 gap-6 flex-col xl:flex-row">
<div class="flex gap-6 flex-col xl:flex-row">
<CardTitled class="p-4 flex-[4]" title="Events" sub="Events stacked bar chart.">
<template #header>
<SelectButton @changeIndex="eventsStackedSelectIndex = $event"
@@ -45,7 +44,11 @@ const eventsStackedSelectIndex = ref<number>(0);
</div>
</div>
<div class="flex p-6">
<div class="flex">
<EventsUserFlow></EventsUserFlow>
</div>
<div class="flex">
<EventsMetadataAnalyzer></EventsMetadataAnalyzer>
</div>

2
dashboard/pages/index.vue
View File

@@ -23,7 +23,7 @@ const limitsInfo = ref<{
onMounted(async () => {
if (route.query.just_logged) return location.href = '/';
limitsInfo.value = await $fetch("/api/project/limits_info", signHeaders());
limitsInfo.value = await $fetch<any>("/api/project/limits_info", signHeaders());
});

21
dashboard/pages/live_demo.vue
View File

@@ -116,9 +116,9 @@ const selectLabelsEvents = [
</div>
<div class="p-6">
<CardTitled class="p-4 flex-1" title="Events" sub="Events stacked bar chart.">
<div class="flex gap-6 flex-col xl:flex-row p-6">
<CardTitled class="p-4 flex-[4]" title="Events" sub="Events stacked bar chart.">
<template #header>
<SelectButton @changeIndex="eventsStackedSelectIndex = $event"
:currentIndex="eventsStackedSelectIndex" :options="selectLabelsEvents">
@@ -129,8 +129,23 @@ const selectLabelsEvents = [
</EventsStackedBarChart>
</div>
</CardTitled>
<div class="bg-menu p-4 rounded-xl flex-[2] flex flex-col gap-10 h-full">
<div class="flex flex-col gap-1">
<div class="poppins font-semibold text-[1.4rem] text-text">
Top events
</div>
<div class="poppins text-[1rem] text-text-sub/90">
Displays key events.
</div>
</div>
<DashboardEventsChart class="w-full"> </DashboardEventsChart>
</div>
</div>
<div class="flex w-full justify-center mt-6 px-6">
<div class="flex w-full gap-6 flex-col lg:flex-row">
<div class="flex-1">

43
dashboard/pages/test2.vue
View File

@@ -1,43 +0,0 @@
<script lang="ts" setup>
definePageMeta({ layout: 'dashboard' });
const activeProject = useActiveProject();
const eventNames = ref<string[]>([]);
onMounted(async () => {
eventNames.value = await $fetch<string[]>(`/api/metrics/${activeProject.value?._id.toString()}/events/names`, signHeaders());
});
function test() {
const res = $fetch(`/api/metrics/${activeProject.value?._id.toString()}/events/flow_from_name?name=ToggleFavorite`, signHeaders());
console.log(res);
}
</script>
<template>
<div class="w-full h-full p-8 flex flex-col">
<CardTitled title="FLOW" sub="owo" class="w-full p-4">
<div class="p-2 flex flex-col">
<button @click="test">
TEST
</button>
</div>
</CardTitled>
<div class="mt-8 overflow-y-auto px-4 flex flex-col gap-3">
</div>
</div>
</template>