Updates on errors

Former-commit-id: 6523e78400ba84510f754e05f589b8f7c779319f [formerly 2d473b45716aaf6e35f2757bf9dc27adcafefd88] [formerly 5b34db9a57e050b307f1c5803cad82d2af155867 [formerly c206bea84a3e667047920d7dbcd0fc1c89cbced9]]
Former-commit-id: 703d059a7455131dfa20d89050c40367f692b4b5 [formerly a320aa2603c47685e484cae3715eb788b1218fe9]
Former-commit-id: 3819065ec37278f32ebceeda9cbb7af6f8723392

assets/src/components/Editor.vue

@@ -112,7 +112,6 @@ export default {
       api.put(this.$route.path, content)
         .then(() => {
           buttons.done('save')
-          console.log('Saved!')
         })
         .catch(error => {
           buttons.done('save')

assets/src/components/Files.vue

@@ -1,17 +1,8 @@
 <template>
   <div v-if="error">
-    <h2 class="message" v-if="error === 404">
-      <i class="material-icons">gps_off</i>
-      <span>This location can't be reached.</span>
-    </h2>
-    <h2 class="message" v-else-if="error === 403">
-      <i class="material-icons">error</i>
-      <span>You're not welcome here.</span>
-    </h2>
-    <h2 class="message" v-else>
-      <i class="material-icons">error_outline</i>
-      <span>Something really went wrong.</span>
-    </h2>
+    <not-found v-if="error === 404"></not-found>
+    <forbidden v-else-if="error === 403"></forbidden>
+    <internal-error v-else></internal-error>
   </div>
   <editor v-else-if="isEditor"></editor>
   <listing :class="{ multiple }" v-else-if="isListing"></listing>
@@ -19,6 +10,9 @@
 </template>
 
 <script>
+import Forbidden from './errors/403'
+import NotFound from './errors/404'
+import InternalError from './errors/500'
 import Preview from './Preview'
 import Listing from './Listing'
 import Editor from './Editor'
@@ -38,6 +32,9 @@ function updateColumnSizes () {
 export default {
   name: 'files',
   components: {
+    Forbidden,
+    NotFound,
+    InternalError,
     Preview,
     Listing,
     Editor
@@ -105,8 +102,14 @@ export default {
         this.setLoading(false)
       })
       .catch(error => {
-        this.error = error
         this.setLoading(false)
+
+        if (typeof error === 'object') {
+          this.error = error.status
+          return
+        }
+
+        this.error = error
       })
     },
     keyEvent (event) {

assets/src/components/errors/403.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="message">
+      <i class="material-icons">error</i>
+      <span>You're not welcome here.</span>
+    </h2>
+  </div>
+</template>
+
+<script>
+export default {name: 'forbidden'}
+</script>
+

assets/src/components/errors/404.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="message">
+      <i class="material-icons">gps_off</i>
+      <span>This location can't be reached.</span>
+    </h2>
+  </div>
+</template>
+
+<script>
+export default {name: 'not-found'}
+</script>
+

assets/src/components/errors/500.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h2 class="message">
+      <i class="material-icons">error_outline</i>
+      <span>Something really went wrong.</span>
+    </h2>
+  </div>
+</template>
+
+<script>
+export default {name: 'internal-error'}
+</script>
+