From f195de07d01dfe91b42814fbb25ca3f324e63180 Mon Sep 17 00:00:00 2001
From: Bubka <858858+Bubka@users.noreply.github.com>
Date: Fri, 10 Jan 2020 15:00:55 +0100
Subject: [PATCH] Display debug data in Error view (Dev mode only)

---
 resources/js/app.js             |  6 ++++--
 resources/js/views/Accounts.vue |  2 +-
 resources/js/views/Error.vue    | 18 +++++++++++++++++-
 3 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/resources/js/app.js b/resources/js/app.js
index 918014b6..949914c8 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -51,12 +51,14 @@ const router = new VueRouter({
         {
             path: '/404',
             name: '404',
-            component: NotFound
+            component: NotFound,
+            props: true
         },
         {
             path: '/error',
             name: 'GenericError',
-            component: NotFound
+            component: NotFound,
+            props: true
         },
     ],
 });
diff --git a/resources/js/views/Accounts.vue b/resources/js/views/Accounts.vue
index 0a9de1ca..f75ea018 100644
--- a/resources/js/views/Accounts.vue
+++ b/resources/js/views/Accounts.vue
@@ -158,7 +158,7 @@
                 })
                 .catch(error => {
                     if (error.response.status === 404) {
-                        this.$router.push({name: '404' });
+                        this.$router.push({name: '404', params: { err : error.response }});
                     }
                 });  
             },
diff --git a/resources/js/views/Error.vue b/resources/js/views/Error.vue
index 4aeab33a..02319b16 100644
--- a/resources/js/views/Error.vue
+++ b/resources/js/views/Error.vue
@@ -9,6 +9,13 @@
                 <p class="error-generic"></p>
                 <p>An error occured, please <router-link :to="{ name: 'accounts' }" class="is-text has-text-white">refresh</router-link></p>
             </div>
+            <div v-if="debugMode == 'development'">
+                <p class="debug">
+                    <code>
+                        {{ debug }}
+                    </code>
+                </p>
+            </div>
         </modal>
     </div>
 </template>
@@ -20,10 +27,19 @@
     export default {
         data(){
             return {
-                ShowModal : true
+                ShowModal : true,
+                debug : this.err.data,
             }
         },
 
+        computed: {
+            debugMode: function() {
+                return process.env.NODE_ENV
+            }
+        },
+
+        props: ['err'],
+
         components: {
             Modal
         },