chore: header bar component

frontend/src/views/Errors.vue

@@ -0,0 +1,46 @@
+<template>
+  <div>
+    <header-bar v-if="showHeader" showMenu showLogo />
+
+    <h2 class="message">
+      <i class="material-icons">{{ icon }}</i>
+      <span>{{ message }}</span>
+    </h2>
+  </div>
+</template>
+
+<script>
+
+import HeaderBar from '@/components/header/HeaderBar'
+
+const errors = {
+  403: {
+    icon: 'error',
+    message: 'errors.forbidden'
+  },
+  404: {
+    icon: 'gps_off',
+    message: 'errors.notFound'
+  },
+  500: {
+    icon: 'error_outline',
+    message: 'errors.internal'
+  }
+}
+
+export default {
+  name: 'errors',
+  components: {
+    HeaderBar
+  },
+  props: [
+    'errorCode', 'showHeader'
+  ],
+  data: function () {
+    return {
+      icon: errors[this.errorCode].icon,
+      message: this.$t(errors[this.errorCode].message)
+    }
+  }
+}
+</script>