From d399241e65b4cd6ab4fa0e95ccabfd1e41140a2d Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Tue, 30 Oct 2018 09:36:20 +0900
Subject: Refactor

---
 src/client/app/common/views/components/error.vue | 19 +++++++++++++++++++
 src/client/app/common/views/components/index.ts  |  2 ++
 2 files changed, 21 insertions(+)
 create mode 100644 src/client/app/common/views/components/error.vue

(limited to 'src/client/app/common/views/components')

diff --git a/src/client/app/common/views/components/error.vue b/src/client/app/common/views/components/error.vue
new file mode 100644
index 0000000000..7381cf5376
--- /dev/null
+++ b/src/client/app/common/views/components/error.vue
@@ -0,0 +1,19 @@
+<template>
+<div class="wjqjnyhzogztorhrdgcpqlkxhkmuetgj">
+	<p>%fa:exclamation-triangle% %i18n:common.error.title%</p>
+	<ui-button @click="() => $emit('retry')">%i18n:common.error.retry%</ui-button>
+</div>
+</template>
+
+<style lang="stylus" scoped>
+.wjqjnyhzogztorhrdgcpqlkxhkmuetgj
+	max-width 350px
+	margin 0 auto
+	padding 32px
+	text-align center
+	color var(--text)
+
+	> p
+		margin 0 0 8px 0
+
+</style>
diff --git a/src/client/app/common/views/components/index.ts b/src/client/app/common/views/components/index.ts
index 54880e3c25..33216e459d 100644
--- a/src/client/app/common/views/components/index.ts
+++ b/src/client/app/common/views/components/index.ts
@@ -1,5 +1,6 @@
 import Vue from 'vue';
 
+import error from './error.vue';
 import apiSettings from './api-settings.vue';
 import driveSettings from './drive-settings.vue';
 import profileEditor from './profile-editor.vue';
@@ -49,6 +50,7 @@ import uiInfo from './ui/info.vue';
 import formButton from './ui/form/button.vue';
 import formRadio from './ui/form/radio.vue';
 
+Vue.component('mk-error', error);
 Vue.component('mk-api-settings', apiSettings);
 Vue.component('mk-drive-settings', driveSettings);
 Vue.component('mk-profile-editor', profileEditor);
-- 
cgit v1.2.3-freya