404 view

.github/ISSUE_TEMPLATE/bug-report.md

@@ -7,7 +7,7 @@ about: If you're having an issue or see an error
 ### Describe the bug
 Try to explain what issue your'e having in detail. You can copy and paste the issue from the log file in your root directory `/logs/statping.log`.
 
-You can set the environment variable `ALLOW_REPORTS` to `true` to allow errors to be sent to our error reporting server.
+You can set the environment variable `ALLOW_REPORTS` to `true` to allow errors to be sent to our error reporting server. It's super helpful.
 
 ### To Reproduce
 Steps to reproduce the behavior:

.github/ISSUE_TEMPLATE/issue-report.md

@@ -7,7 +7,7 @@ about: If you're having an issue or see an error
 ### Describe the bug
 A clear and concise description of what the bug is.
 
-You can set the environment variable `ALLOW_REPORTS` to `true` to allow errors to be sent to our error reporting server.
+You can set the environment variable `ALLOW_REPORTS` to `true` to allow errors to be sent to our error reporting server. It's super helpful.
 
 ### To Reproduce
 Steps to reproduce the behavior:
@@ -20,6 +20,6 @@ Steps to reproduce the behavior:
 A clear and concise description of what you expected to happen.
 
 ### Screenshots or Logs
-If applicable, add screenshots to help explain your problem. If you can, provide any logs from the latest `logs/statping.log` file. 
+If applicable, add screenshots to help explain your problem. If you can, provide any logs from the latest `logs/statping.log` file.
 
 [![Slack](https://slack.statping.com/badge.svg)](https://slack.statping.com/) [![GitHub release](https://img.shields.io/github/release/hunterlong/statup.svg)](https://github.com/statping/statping/releases/latest) [![Build Status](https://travis-ci.com/hunterlong/statup.svg?branch=master)](https://travis-ci.com/hunterlong/statup)

frontend/src/pages/NotFound.vue

@@ -0,0 +1,23 @@
+<template>
+    <div class="row mt-4">
+        <div class="mx-auto">
+            <img alt="Statping 404" class="" style="max-width:480px" src="banner.png">
+        </div>
+
+        <div class="col-12 mt-5 mb-5">
+            <div class="text-center">
+                <h2>Page Not Found</h2>
+                <h5 class="text-muted">This URL doesn't seem to be available</h5>
+
+                <router-link class="btn btn-outline-success mt-4" to="/">Back To Homepage</router-link>
+            </div>
+        </div>
+
+    </div>
+</template>
+
+<script>
+export default {
+  name: 'NotFound',
+}
+</script>

frontend/src/routes.js

@@ -13,6 +13,7 @@ const Setup = () => import('@/forms/Setup')
 const Incidents = () => import('@/components/Dashboard/Incidents')
 const Checkins = () => import('@/components/Dashboard/Checkins')
 const Failures = () => import('@/components/Dashboard/Failures')
+const NotFound = () => import('@/pages/NotFound')
 
 import VueRouter from "vue-router";
 import Api from "./API";
@@ -131,6 +132,11 @@ const routes = [
     name: 'Service',
     component: Service,
     props: true
+  },
+  {
+    path: '*',
+    component: NotFound,
+    name: 'NotFound',
   }
 ];