From b8e29c091b5e2c0d31e1457cddbef039a9e6d71f Mon Sep 17 00:00:00 2001 From: martinseul Date: Tue, 14 Apr 2026 11:05:26 -0400 Subject: [PATCH 1/6] WIP landing page and mappage --- frontend/src/App.vue | 14 ++-- frontend/src/components/TheAppBar.vue | 12 ++-- frontend/src/router/index.js | 10 +++ frontend/src/views/IndexView.vue | 75 +++++++++++++++++++++ frontend/src/views/LeafletCleanMapView.vue | 0 frontend/src/views/SimpleLeafletMapView.vue | 0 frontend/src/views/WorldMapView.vue | 23 +++++++ 7 files changed, 123 insertions(+), 11 deletions(-) create mode 100644 frontend/src/views/IndexView.vue create mode 100644 frontend/src/views/LeafletCleanMapView.vue create mode 100644 frontend/src/views/SimpleLeafletMapView.vue create mode 100644 frontend/src/views/WorldMapView.vue diff --git a/frontend/src/App.vue b/frontend/src/App.vue index 893f491..229c613 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -43,14 +43,18 @@ const alertStore = useAlertStore() let showMobileNavigation = ref(false) const paths = [ + { + attrs: { to: '/map' }, + label: 'Database' + }, + { + attrs: { to: '/world-map' }, + label: 'Provinces' + }, { attrs: { to: '/' }, - label: 'Map' + label: 'Home' }, - // { - // attrs: { to: "/api" }, - // label: "API", - // }, { attrs: { to: '/about' }, label: 'About' diff --git a/frontend/src/components/TheAppBar.vue b/frontend/src/components/TheAppBar.vue index 903d5ad..bcfc574 100644 --- a/frontend/src/components/TheAppBar.vue +++ b/frontend/src/components/TheAppBar.vue @@ -55,24 +55,24 @@ const { mdAndDown } = useDisplay() } .nav-items { - border-radius: 2rem !important; + border-radius: 0 !important; overflow: hidden; position: absolute; left: 43%; & > a.v-btn:first-child { - border-top-left-radius: 2rem !important; - border-bottom-left-radius: 2rem !important; + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } & > a.v-btn:last-child { - border-top-right-radius: 2rem !important; - border-bottom-right-radius: 2rem !important; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } .v-btn { margin: 0; - border-radius: 0; + border-radius: 0 !important; height: 39px !important; } } diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js index ea75dee..71c3169 100644 --- a/frontend/src/router/index.js +++ b/frontend/src/router/index.js @@ -7,6 +7,11 @@ const router = createRouter({ routes: [ { path: '/', + name: 'index', + component: () => import('../views/IndexView.vue') + }, + { + path: '/map', name: 'map', component: MapView, meta: { @@ -25,6 +30,11 @@ const router = createRouter({ path: '/api', name: 'api', component: ApiView + }, + { + path: '/world-map', + name: 'world-map', + component: () => import('../views/WorldMapView.vue') } ] }) diff --git a/frontend/src/views/IndexView.vue b/frontend/src/views/IndexView.vue new file mode 100644 index 0000000..b4b92f3 --- /dev/null +++ b/frontend/src/views/IndexView.vue @@ -0,0 +1,75 @@ + + + + + + diff --git a/frontend/src/views/LeafletCleanMapView.vue b/frontend/src/views/LeafletCleanMapView.vue new file mode 100644 index 0000000..e69de29 diff --git a/frontend/src/views/SimpleLeafletMapView.vue b/frontend/src/views/SimpleLeafletMapView.vue new file mode 100644 index 0000000..e69de29 diff --git a/frontend/src/views/WorldMapView.vue b/frontend/src/views/WorldMapView.vue new file mode 100644 index 0000000..448c9bc --- /dev/null +++ b/frontend/src/views/WorldMapView.vue @@ -0,0 +1,23 @@ + + + + + From 6b558a70d21a232923dc0664ed1b42237991188c Mon Sep 17 00:00:00 2001 From: martinseul Date: Tue, 14 Apr 2026 11:05:52 -0400 Subject: [PATCH 2/6] uodated undex and mappage --- frontend/src/views/IndexView.vue | 38 ++++++++++++++++++++--------- frontend/src/views/WorldMapView.vue | 2 +- 2 files changed, 28 insertions(+), 12 deletions(-) diff --git a/frontend/src/views/IndexView.vue b/frontend/src/views/IndexView.vue index b4b92f3..c910346 100644 --- a/frontend/src/views/IndexView.vue +++ b/frontend/src/views/IndexView.vue @@ -1,35 +1,50 @@