From 9db404c7f2c21042526c99ecdbec8fdbcb181168 Mon Sep 17 00:00:00 2001
From: Gustavo Cortez <cmgustavo83@gmail.com>
Date: Fri, 10 Jan 2014 10:03:48 -0300
Subject: [PATCH 1/2] Prepared BlockPage (look&feel) for getting info by API

---
 public/css/common.css   |   7 +-
 public/views/block.html | 161 +++++++++++++++++++++++++---------------
 2 files changed, 107 insertions(+), 61 deletions(-)

diff --git a/public/css/common.css b/public/css/common.css
index 7ca093a..396601a 100644
--- a/public/css/common.css
+++ b/public/css/common.css
@@ -40,6 +40,11 @@ body {
   padding-right: 15px;
 }
 
-code {
+.code {
   font-size: 80%;
 }
+
+.address {
+  font-size: 10px;
+}
+
diff --git a/public/views/block.html b/public/views/block.html
index 1c89df8..61534fc 100644
--- a/public/views/block.html
+++ b/public/views/block.html
@@ -2,72 +2,113 @@
   <div class="page-header">
     <h1 data-ng-if="block">Block #{{ block.height }}</h1>
   </div>
-  
-  <h2>Summary</h2>
-  <dl class="dl-horizontal">
-    <dt>Number Of Transactions</dt>
-    <dd>--</dd>
-    <dt>Output Total</dt>
-    <dd>--</dd>
-    <dt>Estimated Transaction Volume</dt>
-    <dd>--</dd>
-    <dt>Transaction Fees</dt>
-    <dd>--</dd>
-    <dt>Height</dt>
-    <dd>{{block.height}}</dd>
-    <dt>Timestamp</dt>
-    <dd>{{block.time}}</dd>
-    <dt>Received Time</dt>
-    <dd>{{block.time}}</dd>
-    <dt>Relayed By</dt>
-    <dd>--</dd>
-    <dt>Difficulty</dt>
-    <dd>{{block.difficulty}}</dd>
-    <dt>Bits</dt>
-    <dd>{{block.bits}}</dd>
-    <dt>Size</dt>
-    <dd>{{block.size}}</dd>
-    <dt>Version</dt>
-    <dd>{{block.version}}</dd>
-    <dt>Nonce</dt>
-    <dd>{{block.nonce}}</dd>
-  </dl>
-  
-  <h2>Hashes</h2>
-  <table class="table table-striped">
-    <thead>
-      <th>Hashes</th>
-      <th>&nbsp;</th>
-    </thead>
-    <tbody>
-      <tr>
-        <td>Hash</td>
-        <td><a href="/#!/block/{{block.hash}}">{{block.hash}}</a></td>
-      </tr>
-      <tr>
-        <td>Previous Block</td>
-        <td><a href="/#!/block/{{block.previousblockhash}}">{{block.previousblockhash}}</a></td>
-      </tr>
-      <tr>
-        <td>Next Block(s)</td>
-        <td><a href="/#!/block/{{block.nextblockhash}}">{{block.nextblockhash}}</a></td>
-      </tr>
-      <tr>
-        <td>Merkle Root</td>
-        <td>{{block.merkleroot}}</td>
-      </tr>
-    </tbody>
-  </table>
-  
+
+  <div class="row">
+    <div class="col-md-6">
+      <div class="panel panel-default">
+        <div class="panel-heading">
+          <h3 class="panel-title">Summary</h3>
+        </div>
+        <div class="panel-body">
+          <table class="table table-striped">
+            <tbody>
+            <tr>
+              <td>Number Of Transactions</td>
+              <td>--</td>
+            </tr>
+            <tr>
+              <td>Output Total</td>
+              <td>--</td>
+            </tr>
+            <tr>
+              <td>Estimated Transaction Volume</td>
+              <td>--</td>
+            </tr>
+            <tr>
+              <td>Transaction Fees</td>
+              <td>--</td>
+            </tr>
+            <tr>
+              <td>Height</td>
+              <td>{{block.height}}</td>
+            </tr>
+            <tr>
+              <td>Timestamp</td>
+              <td>{{block.time * 1000 | date:'medium'}}</td>
+            </tr>
+            <tr>
+              <td>Received Time</td>
+              <td>--<td>
+            </tr>
+            <tr>
+              <td>Relayed By</td>
+              <td>--</td>
+            </tr>
+            <tr>
+              <td>Difficulty</td>
+              <td>{{block.difficulty}}</td>
+            </tr>
+            <tr>
+              <td>Bits</td>
+              <td>{{block.bits}}</td>
+            </tr>
+            <tr>
+              <td>Size</td>
+              <td>{{block.size}}</td>
+            </tr>
+            <tr>
+              <td>Version</td>
+              <td>{{block.version}}</td>
+            </tr>
+            <tr>
+              <td>Nonce</td>
+              <td>{{block.nonce}}</td>
+            </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+    <div class="col-md-6">
+      <div class="panel panel-default" data-ng-show="!tx.isCoinBase">
+        <div class="panel-heading">
+          <h3 class="panel-title">Hashes</h3>
+        </div>
+        <div class="panel-body">
+          <table class="table table-striped">
+            <tbody>
+            <tr>
+              <td>Hash</td>
+              <td><a class="address" href="/#!/block/{{block.hash}}">{{block.hash}}</a></td>
+            </tr>
+            <tr>
+              <td>Previous Block</td>
+              <td><a class="address" href="/#!/block/{{block.previousblockhash}}">{{block.previousblockhash}}</a></td>
+            </tr>
+            <tr>
+              <td>Next Block</td>
+              <td><a class="address" href="/#!/block/{{block.nextblockhash}}">{{block.nextblockhash}}</a></td>
+            </tr>
+            <tr>
+              <td>Merkle Root</td>
+              <td class="address">{{block.merkleroot}}</td>
+            </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <h2>Transactions</h2>
   <table class="table table-striped">
     <thead>
       <th>Hash</th>
     </thead>
     <tbody>
-      <tr data-ng-repeat="tx in block.tx">
-        <td><a href="/#!/tx/{{tx}}">{{tx}}</a></td>
-      </tr>
+    <tr data-ng-repeat="tx in block.tx">
+      <td><a href="/#!/tx/{{tx}}">{{tx}}</a></td>
+    </tr>
     </tbody>
   </table>
 </section>

From 8d8a1c256b8977cf86ee25e07f1141f8d73c1e85 Mon Sep 17 00:00:00 2001
From: Gustavo Cortez <cmgustavo83@gmail.com>
Date: Fri, 10 Jan 2014 10:25:16 -0300
Subject: [PATCH 2/2] fix text in block and transaction page

---
 public/views/block.html       | 2 +-
 public/views/transaction.html | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/public/views/block.html b/public/views/block.html
index 61534fc..98d76ac 100644
--- a/public/views/block.html
+++ b/public/views/block.html
@@ -100,7 +100,7 @@
     </div>
   </div>
 
-  <h2>Transactions</h2>
+  <h2>Transactions <small>Transactions contained within this block</small></h2>
   <table class="table table-striped">
     <thead>
       <th>Hash</th>
diff --git a/public/views/transaction.html b/public/views/transaction.html
index c047b44..5c55a50 100644
--- a/public/views/transaction.html
+++ b/public/views/transaction.html
@@ -1,12 +1,15 @@
 <section data-ng-controller="transactionsController" data-ng-init="findOne()">
   <div class="page-header">
     <h1>
-      <span class="glyphicon glyphicon-transfer">&nbsp;</span> 
-      <a href="/#!/tx/{{tx.txid}}" title="{{tx.txid}}">Transaction</a> 
+      Transaction 
       <small>View information about a bitcoin transaction</small>
     </h1>
   </div>
 
+  <div class="well well-sm">
+    {{tx.txid}} 
+  </div>  
+
   <table class="table table-striped">
     <thead>
       <tr>