From e34955e6e4aab48603e393c0a5272b58ee7280f9 Mon Sep 17 00:00:00 2001
From: Eric Wittmann <eric.wittmann@gmail.com>
Date: Mon, 17 Jul 2017 13:03:08 -0400
Subject: [PATCH] better error message when the apicurio studio could not be
 reached. fixes

---
 .../components/page-error.component.html      | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/front-end/app/studio/components/page-error.component.html b/front-end/app/studio/components/page-error.component.html
index 66fee88f8..cd340601d 100644
--- a/front-end/app/studio/components/page-error.component.html
+++ b/front-end/app/studio/components/page-error.component.html
@@ -72,6 +72,26 @@ <h2 class="card-pf-title">
                 </div>
             </div>
 
+            <!-- Connection Error -->
+            <div class="card-pf card-pf-accented card-pf-error" *ngSwitchCase="0">
+                <div class="card-pf-heading">
+                    <h2 class="card-pf-title">
+                        <span class="fa fa-fw fa-plug"></span>
+                        <span>Connection Error</span>
+                        <span>(Could Not Reach Server)</span>
+                    </h2>
+                </div>
+                <div class="card-pf-body">
+                    <p>
+                        We couldn't reach the Apicurio Studio server!  Perhaps try reloading this
+                        page in a few minutes?  Maybe check your internet connection?
+                    </p>
+                    <div class="actions">
+                        <button class="btn btn-default" (click)="reloadPage()">Reload Page</button>
+                    </div>
+                </div>
+            </div>
+
             <!-- Any Other Error -->
             <div class="card-pf card-pf-accented card-pf-error" *ngSwitchDefault>
                 <div class="card-pf-heading">