aindreas/traintracker
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement 404 handling

Browse Source
This commit is contained in:
Conor McNamara
2023-03-16 19:39:58 +00:00
parent d9d1dfa363
commit d7dcd34493
4 changed files with 31 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/index.html vendored
View File

@ -10,6 +10,6 @@
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

17
src/pages/404Page.vue Normal file
View File

@ -0,0 +1,17 @@
<template>
<Navbar />
<h1>404</h1>
</template>
<script>
import Navbar from '../components/Navbar.vue'
export default {
name: "404Page",
components: {
Navbar
}
}
</script>
<style scoped>
</style>

11
src/pages/MapPage.vue
View File

@ -46,11 +46,10 @@
<label class="form-check-label" for="showNotYetRunning">Show Not-Yet Running Trains</label>
</div>
</div>
<button v-if="store.loggedIn" @click="postPreferences()">Save Preferences</button>
</div>
</div>
<button v-if="store.loggedIn" @click="postPreferences()">Save Preferences</button>
<transition id="sidebar" name="slideLeft">
<div v-if="store.displaySelectedTrain && store.selectedTrain">
<TrainSidebar />
@ -485,11 +484,11 @@ export default {
height: 19px;
cursor: pointer;
}
#dropdownMenuButton1{
#dropdownMenuButton1 {
box-shadow: 0 0 5px 2px #6e757dbe;
}
#dropMenu{
#dropMenu {
/*In case we want to edit dropdown menu*/
font-size: 15px;
}
@ -502,7 +501,7 @@ export default {
}
#sidebar{
#sidebar {
position: absolute;
height: 80%;
width: 20%;
@ -523,7 +522,7 @@ export default {
transition: all 0.8s;
}
.slideLeft-enter-from, .slideLeft-leave-to{
.slideLeft-enter-from, .slideLeft-leave-to {
opacity: 0;
transform: translateX(-100px);
}

12
src/router/routes.js
View File

@ -20,9 +20,11 @@ function loadPage(component) {
}
export default [
{path: "/", component:loadPage("MapPage")},
{path: "/insights", component:loadPage("InsightsPage")},
{path: "/account", component:loadPage('AccountPage'), beforeEnter: isAuth},
{path: "/signup", component:loadPage('SignUpPage')},
{path: "/login", component:loadPage('LoginPage')},
{ path: "/", component:loadPage("MapPage") },
{ path: "/insights", component:loadPage("InsightsPage") },
{ path: "/account", component:loadPage('AccountPage'), beforeEnter: isAuth },
{ path: "/signup", component:loadPage('SignUpPage') },
{ path: "/login", component:loadPage('LoginPage') },
{ path: "/404", component:loadPage('404Page') },
{ path: "/:catchAll(.*)", component:loadPage('404Page') }
]