From 16147da8243fe501168ab54b53c92d4014e6e5b7 Mon Sep 17 00:00:00 2001 From: Emily Date: Thu, 13 Jun 2024 16:19:50 +0200 Subject: [PATCH 1/2] add event page + fix menu --- dashboard/assets/scss/main.scss | 9 +++ dashboard/components/CVerticalNavigation.vue | 23 +++++- .../events/EventsMetadataAnalyzer.vue} | 65 ++++++++--------- dashboard/layouts/dashboard.vue | 2 +- dashboard/pages/events.vue | 55 ++++++++++++++ dashboard/pages/index.vue | 42 +---------- dashboard/pages/test2.vue | 2 +- .../[project_id]/events/flow_from_name.ts | 71 +++++++++++++------ shared/schema/metrics/VisitSchema.ts | 2 +- 9 files changed, 170 insertions(+), 101 deletions(-) rename dashboard/{pages/test.vue => components/events/EventsMetadataAnalyzer.vue} (51%) create mode 100644 dashboard/pages/events.vue diff --git a/dashboard/assets/scss/main.scss b/dashboard/assets/scss/main.scss index 9cafe9c..c2814d2 100644 --- a/dashboard/assets/scss/main.scss +++ b/dashboard/assets/scss/main.scss @@ -59,6 +59,15 @@ } +.hide-scrollbars { + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ + &::-webkit-scrollbar { + display: none; /* Chrome, Safari and Opera */ + } +} + + .card-shadow { box-shadow: 0 0 18px #00000033; diff --git a/dashboard/components/CVerticalNavigation.vue b/dashboard/components/CVerticalNavigation.vue index fdf929d..a6d33b4 100644 --- a/dashboard/components/CVerticalNavigation.vue +++ b/dashboard/components/CVerticalNavigation.vue @@ -27,6 +27,23 @@ const props = defineProps(); const { isAdmin } = useUserRoles(); + +let resizeHandler: any; + +onMounted(() => { + resizeHandler = () => { + isMenuTooLarge.value = innerHeight < 720; + } + addEventListener('resize', resizeHandler); +}) + +onUnmounted(() => { + if (resizeHandler) removeEventListener('resize', resizeHandler); +}) + +const isMenuTooLarge = ref(false); + +