From 30bdbf051e353c43af6694ffadb7cffcb34f48e2 Mon Sep 17 00:00:00 2001
From: Bechi <bechilandia@gmail.com>
Date: Tue, 21 Jan 2014 16:06:21 -0300
Subject: [PATCH] status page

---
 public/css/common.css    |   4 +
 public/views/status.html | 226 ++++++++++++++++++++-------------------
 2 files changed, 118 insertions(+), 112 deletions(-)

diff --git a/public/css/common.css b/public/css/common.css
index ccbc4278..b2b5e2ee 100644
--- a/public/css/common.css
+++ b/public/css/common.css
@@ -221,6 +221,10 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   border: 2px solid #6C0000;
 }
 
+#status .table {
+  margin-bottom: 45px;
+}
+
 /* Set the fixed height of the footer here */
 #footer {
   height: 51px;
diff --git a/public/views/status.html b/public/views/status.html
index da408791..94cfaf79 100644
--- a/public/views/status.html
+++ b/public/views/status.html
@@ -1,79 +1,11 @@
 <section data-ng-controller="StatusController">
-  <div class="page-header">
-    <h1>
-      Status 
-    </h1>
-  </div>
-  <div class="row">
-    <div class="col-md-8 col-md-offset-2">
-      <h2>getInfo()</h2>
-      <table class="table table-striped" data-ng-init="getStatus('Info')">
-        <tbody>
-        <tr data-ng-show="!info &amp;&amp; !infoError">
-          <td colspan="2" class="text-center">Loading...
-        <tr data-ng-show="infoError">
-          <td colspan="2" class="text-danger">{{infoError}}
-        <tr>
-          <td>Version</td>
-          <td>{{info.version}}</td>
-        </tr>
-        <tr>
-          <td>protocolversion</td>
-          <td>{{info.protocolversion}}</td>
-        </tr>
-        <tr>
-          <td>walletversion</td>
-          <td>{{info.walletversion}}</td>
-        </tr>
-        <tr>
-          <td>balance</td>
-          <td>{{info.balance}}</td>
-        </tr>
-        <tr>
-          <td>blocks</td>
-          <td><a href="/#!/block-index/{{info.blocks}}">{{info.blocks}}</a></td>
-        </tr>
-        <tr>
-          <td>timeoffset</td>
-          <td>{{info.timeoffset}}</td>
-        </tr>
-        <tr>
-          <td>connections</td>
-          <td>{{info.connections}}</td>
-        </tr>
-        <tr>
-          <td>proxy</td>
-          <td>{{info.proxy}}</td>
-        </tr>
-        <tr>
-          <td>difficulty</td>
-          <td>{{info.difficulty}}</td>
-        </tr>
-        <tr>
-          <td>testnet</td>
-          <td>{{info.testnet}}</td>
-        </tr>
-        <tr>
-          <td>keypoololdest</td>
-          <td>{{info.keypoololdest}}</td>
-        </tr>
-        <tr>
-          <td>keypoolsize</td>
-          <td>{{info.keypoolsize}}</td>
-        </tr>
-        <tr>
-          <td>paytxfee</td>
-          <td>{{info.paytxfee}}</td>
-        </tr>
-        <tr>
-          <td>infoErrors</td>
-          <td>{{info.infoErrors}}</td>
-        </tr>
-        </tbody>
-      </table>
-      
-      <h2>Sync Status</h2>
-      <table class="table table-striped" data-ng-init="getSync()">
+  <div id="status" class="row">
+    <div class="page-header">
+      <h1>Status</h1>
+    </div>
+    <div class="col-md-9">
+      <h4>Sync Status</h4>
+      <table class="table" data-ng-init="getSync()">
         <tbody>
         <tr data-ng-show="syncError">  
           <td colspan="2"> <span class="text-danger"> {{ syncError }} </span>
@@ -119,9 +51,9 @@
         </tr>
         </tbody>
       </table>
-    
-      <h2>getTxOutSetInfo()</h2>
-      <table class="table table-striped" data-ng-init="getStatus('TxOutSetInfo')">
+
+      <h4>getTxOutSetInfo()</h4>
+      <table class="table" data-ng-init="getStatus('TxOutSetInfo')">
         <tbody>
         <tr data-ng-show="!txoutsetinfo &amp;&amp; !infoError">
           <td colspan="2" class="text-center">Loading...</td>
@@ -160,39 +92,109 @@
         </tbody>
       </table>
 
-      <h2>getDifficulty()</h2>
-      <table class="table table-striped" data-ng-init="getStatus('Difficulty')">
-        <tbody>
-        <tr data-ng-show="!difficulty &amp;&amp; !infoError">
-          <td colspan="2" class="text-center">Loading...</td>
-        </tr>
-        <tr data-ng-show="infoError">
-          <td colspan="2" class="text-danger">{{infoError}}</td>
-        </tr>
- 
-        <tr>
-          <td>Difficulty</td>
-          <td>{{difficulty}}</td>
-        </tr>
-        </tbody>
-      </table>
-      
-      <h2>getLastBlockHash()</h2>
-      <table class="table table-striped" data-ng-init="getStatus('LastBlockHash')">
-        <tbody>
-        <tr data-ng-show="!lastblockhash &amp;&amp; !infoError">
-          <td colspan="2" class="text-center">Loading...</td>
-        </tr>
-        <tr data-ng-show="infoError">
-          <td colspan="2" class="text-danger">{{infoError}}</td>
-        </tr>
-        <tr>
-          <td>Last block hash</td>
-          <td>{{lastblockhash}}</td>
-        </tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
+      <h4>getLastBlockHash()</h4>
+        <table class="table" data-ng-init="getStatus('LastBlockHash')">
+          <tbody>
+          <tr data-ng-show="!lastblockhash &amp;&amp; !infoError">
+            <td colspan="2" class="text-center">Loading...</td>
+          </tr>
+          <tr data-ng-show="infoError">
+            <td colspan="2" class="text-danger">{{infoError}}</td>
+          </tr>
+          <tr>
+            <td>Last block hash</td>
+            <td>{{lastblockhash}}</td>
+          </tr>
+          </tbody>
+        </table>
+    </div> <!-- END OF COL-8 -->
+
+    <div class="col-md-3">
+        <div class="col-gray">
+        <h4>getInfo()</h4>
+        <table class="table" data-ng-init="getStatus('Info')">
+          <tbody>
+          <tr data-ng-show="!info &amp;&amp; !infoError">
+            <td colspan="2" class="text-center">Loading...
+          <tr data-ng-show="infoError">
+            <td colspan="2" class="text-danger">{{infoError}}
+          <tr>
+            <td>Version</td>
+            <td>{{info.version}}</td>
+          </tr>
+          <tr>
+            <td>protocolversion</td>
+            <td>{{info.protocolversion}}</td>
+          </tr>
+          <tr>
+            <td>walletversion</td>
+            <td>{{info.walletversion}}</td>
+          </tr>
+          <tr>
+            <td>balance</td>
+            <td>{{info.balance}}</td>
+          </tr>
+          <tr>
+            <td>blocks</td>
+            <td><a href="/#!/block-index/{{info.blocks}}">{{info.blocks}}</a></td>
+          </tr>
+          <tr>
+            <td>timeoffset</td>
+            <td>{{info.timeoffset}}</td>
+          </tr>
+          <tr>
+            <td>connections</td>
+            <td>{{info.connections}}</td>
+          </tr>
+          <tr>
+            <td>proxy</td>
+            <td>{{info.proxy}}</td>
+          </tr>
+          <tr>
+            <td>difficulty</td>
+            <td>{{info.difficulty}}</td>
+          </tr>
+          <tr>
+            <td>testnet</td>
+            <td>{{info.testnet}}</td>
+          </tr>
+          <tr>
+            <td>keypoololdest</td>
+            <td>{{info.keypoololdest}}</td>
+          </tr>
+          <tr>
+            <td>keypoolsize</td>
+            <td>{{info.keypoolsize}}</td>
+          </tr>
+          <tr>
+            <td>paytxfee</td>
+            <td>{{info.paytxfee}}</td>
+          </tr>
+          <tr>
+            <td>infoErrors</td>
+            <td>{{info.infoErrors}}</td>
+          </tr>
+          </tbody>
+        </table>
+
+        <h4>getDifficulty()</h4>
+        <table class="table" data-ng-init="getStatus('Difficulty')">
+          <tbody>
+          <tr data-ng-show="!difficulty &amp;&amp; !infoError">
+            <td colspan="2" class="text-center">Loading...</td>
+          </tr>
+          <tr data-ng-show="infoError">
+            <td colspan="2" class="text-danger">{{infoError}}</td>
+          </tr>
+   
+          <tr>
+            <td>Difficulty</td>
+            <td>{{difficulty}}</td>
+          </tr>
+          </tbody>
+        </table>
+      </div>
+    </div> <!-- END OF COL-4 -->
+  </div>  <!-- END OF ROW -->
 </section>