From c352aafb3e972870715770c7bd975051ff9b0fec Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Fri, 31 Mar 2017 00:19:15 +0900
Subject: [Client] :v:

---
 src/const.json                         |  2 +-
 src/web/app/boot.js                    |  6 +---
 src/web/app/common/tags/core-error.tag | 64 ----------------------------------
 src/web/app/common/tags/error.tag      | 60 +++++++++++++++++++++++++++++++
 src/web/app/common/tags/index.js       |  2 +-
 5 files changed, 63 insertions(+), 71 deletions(-)
 delete mode 100644 src/web/app/common/tags/core-error.tag
 create mode 100644 src/web/app/common/tags/error.tag

(limited to 'src')

diff --git a/src/const.json b/src/const.json
index e39db6e90d..1032ed538f 100644
--- a/src/const.json
+++ b/src/const.json
@@ -1,5 +1,5 @@
 {
 	"themeColor": "#87bb35",
 	"themeColorForeground": "#fff",
-	"idea": ["#f13049"]
+	"idea": ["#f13049", "#f43636"]
 }
diff --git a/src/web/app/boot.js b/src/web/app/boot.js
index cc92357579..426c7be40e 100644
--- a/src/web/app/boot.js
+++ b/src/web/app/boot.js
@@ -139,11 +139,7 @@ function fetchme(token, cb) {
 			me.data ? done() : init();
 		});
 	}, () => {
-		riot.mount(document.body.appendChild(document.createElement('mk-core-error')), {
-			retry: () => {
-				fetchme(token, cb);
-			}
-		});
+		riot.mount(document.body.appendChild(document.createElement('mk-error')));
 	});
 
 	function done() {
diff --git a/src/web/app/common/tags/core-error.tag b/src/web/app/common/tags/core-error.tag
deleted file mode 100644
index dd6f994ea2..0000000000
--- a/src/web/app/common/tags/core-error.tag
+++ /dev/null
@@ -1,64 +0,0 @@
-<mk-core-error>
-	<!--i: i.fa.fa-times-circle-->
-	<img src="/assets/error.jpg" alt=""/>
-	<h1>サーバーに接続できません</h1>
-	<p class="text">インターネット回線に問題があるか、サーバーがダウンまたはメンテナンスしている可能性があります。しばらくしてから<a onclick={ retry }>再度お試し</a>ください。</p>
-	<p class="thanks">いつもMisskeyをご利用いただきありがとうございます。</p>
-	<style>
-		:scope
-			position fixed
-			z-index 16385
-			top 0
-			left 0
-			width 100%
-			height 100%
-			text-align center
-			background #f8f8f8
-
-			> i
-				display block
-				margin-top 64px
-				font-size 5em
-				color #6998a0
-
-			> img
-				display block
-				height 200px
-				margin 64px auto 0 auto
-				pointer-events none
-				-ms-user-select none
-				-moz-user-select none
-				-webkit-user-select none
-				user-select none
-
-			> h1
-				display block
-				margin 32px auto 16px auto
-				font-size 1.5em
-				color #555
-
-			> .text
-				display block
-				margin 0 auto
-				max-width 600px
-				font-size 1em
-				color #666
-
-			> .thanks
-				display block
-				margin 32px auto 0 auto
-				padding 32px 0 32px 0
-				max-width 600px
-				font-size 0.9em
-				font-style oblique
-				color #aaa
-				border-top solid 1px #eee
-
-	</style>
-	<script>
-		this.retry = () => {
-			this.unmount();
-			this.opts.retry();
-		}
-	</script>
-</mk-core-error>
diff --git a/src/web/app/common/tags/error.tag b/src/web/app/common/tags/error.tag
new file mode 100644
index 0000000000..42d7642827
--- /dev/null
+++ b/src/web/app/common/tags/error.tag
@@ -0,0 +1,60 @@
+<mk-error>
+	<!--i: i.fa.fa-times-circle-->
+	<img src="/assets/error.jpg" alt=""/>
+	<h1>サーバーに接続できません</h1>
+	<p class="text">インターネット回線に問題があるか、サーバーがダウンまたはメンテナンスしている可能性があります。しばらくしてから<a onclick={ retry }>再度お試し</a>ください。</p>
+	<p class="thanks">いつもMisskeyをご利用いただきありがとうございます。</p>
+	<style>
+		:scope
+			position fixed
+			z-index 100000
+			top 0
+			left 0
+			width 100%
+			height 100%
+			text-align center
+			background #f8f8f8
+
+			> i
+				display block
+				margin-top 64px
+				font-size 5em
+				color #6998a0
+
+			> img
+				display block
+				height 200px
+				margin 64px auto 0 auto
+				pointer-events none
+				user-select none
+
+			> h1
+				display block
+				margin 32px auto 16px auto
+				font-size 1.5em
+				color #555
+
+			> .text
+				display block
+				margin 0 auto
+				max-width 600px
+				font-size 1em
+				color #666
+
+			> .thanks
+				display block
+				margin 32px auto 0 auto
+				padding 32px 0 32px 0
+				max-width 600px
+				font-size 0.9em
+				font-style oblique
+				color #aaa
+				border-top solid 1px #eee
+
+	</style>
+	<script>
+		this.retry = () => {
+			location.reload()
+		}
+	</script>
+</mk-error>
diff --git a/src/web/app/common/tags/index.js b/src/web/app/common/tags/index.js
index dfec571478..5dc4ef4546 100644
--- a/src/web/app/common/tags/index.js
+++ b/src/web/app/common/tags/index.js
@@ -1,4 +1,4 @@
-require('./core-error.tag');
+require('./error.tag');
 require('./url.tag');
 require('./url-preview.tag');
 require('./time.tag');
-- 
cgit v1.2.3-freya