Merge pull request EverexIO#110 from evseevnntmp/feature/error-message-style

ArtemKo7v · web-flow · commit a91a6e8c2115 · 2018-06-22T18:30:48.000+07:00
styles for error message with details
diff --git a/css/ethplorer.css b/css/ethplorer.css
@@ -82,9 +82,23 @@ tr.paginationFooter td ul.pagination {
     padding-left: 0px;
 }
 
+#error-with-details h3 {
+    margin: 0;
+    padding-top: 7px;
+    padding-bottom: 15px;
+}
+
+.ethplorer-panel {
+    display: inline-block;
+    background: #1c1c1c;
+    color: #dedede;
+    border-radius: 5px;
+    padding: 15px;
+    font-size: 16px;
+}
+
 #error-info {
-    padding-top: 5px;
-    color: #eee;
+    margin: 0 auto;
 }
 
 .navbar-inverse {
diff --git a/index.php b/index.php
@@ -18,7 +18,7 @@
 require dirname(__FILE__) . '/service/lib/ethplorer.php';
 $es = Ethplorer::db(array());
 
-$codeVersion = isset($aConfig['codeVersion']) ? $aConfig['codeVersion'] : "212";
+$codeVersion = isset($aConfig['codeVersion']) ? $aConfig['codeVersion'] : "213";
 
 $error = TRUE;
 $header = "";
@@ -215,7 +215,13 @@
                 <div id="error" class="content-page text-center">
                     <h1 class="text-danger"></h1>
                     <h3 id="error-reason" class="text-danger"></h3>
-                    <p id="error-info"></p>
+                </div>
+
+                <div id="error-with-details" class="content-page text-center">
+                    <div class="ethplorer-panel">
+                        <h3 class="text-danger error-title"></h3>
+                        <div class="error-details"></div>
+                    </div>
                 </div>
 
                 <div>
diff --git a/js/ethplorer.js b/js/ethplorer.js
@@ -279,9 +279,15 @@ Ethplorer = {
     error: function(message, addationalInfo = ''){
         Ethplorer.hideLoader();
         $('.content-page').hide();
-        $('#error-reason').text(message);
         if (addationalInfo.length) {
-            $('#error-info').html(addationalInfo);
+            $('#error-with-details').show();
+            $('#error').hide();
+            $('#error-with-details .error-title').text(message);
+            $('#error-with-details .error-details').html(addationalInfo);
+        } else {
+            $('#error').show();
+            $('#error-with-details').hide();
+            $('#error-reason').text(message);
         }
         $('#error').show();
         $('#ethplorer-path').hide();
