changeset 2790:563bcd8b7d7b

Page_not_found: implementation of rudimentary 404 page
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 25 Mar 2019 11:42:31 +0100
parents c1e832f77726
children 2b79c0871138
files client/src/components/PageNotFound.vue client/src/main.js client/src/router.js
diffstat 3 files changed, 25 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/src/components/PageNotFound.vue	Mon Mar 25 11:42:31 2019 +0100
@@ -0,0 +1,22 @@
+<template>
+  <div class="main d-flex flex-row" style="position: relative;">
+    <Spacer></Spacer>
+    <div class="my-auto mx-auto">
+      <h1>
+        <font-awesome-icon icon="frown-open" fixed-width></font-awesome-icon>We
+        are sorry. The ressource you requested could not be found.
+      </h1>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "pagenotfound",
+  components: {
+    Spacer: () => import("@/components/Spacer")
+  }
+};
+</script>
+
+<style></style>
--- a/client/src/main.js	Mon Mar 25 11:03:23 2019 +0100
+++ b/client/src/main.js	Mon Mar 25 11:42:31 2019 +0100
@@ -64,6 +64,7 @@
   faEyeSlash,
   faFilePdf,
   faFolderPlus,
+  faFrownOpen,
   faInfo,
   faLayerGroup,
   faMapMarkedAlt,
@@ -125,6 +126,7 @@
   faEyeSlash,
   faFilePdf,
   faFolderPlus,
+  faFrownOpen,
   faInfo,
   faLayerGroup,
   faMapMarkedAlt,
--- a/client/src/router.js	Mon Mar 25 11:03:23 2019 +0100
+++ b/client/src/router.js	Mon Mar 25 11:42:31 2019 +0100
@@ -215,7 +215,7 @@
     },
     {
       path: "*",
-      component: Login
+      component: () => import("./components/PageNotFound.vue")
     }
   ]
 });