From 1f2d0a915607f7699725354705a6099904b9faa6 Mon Sep 17 00:00:00 2001
From: Gustavo Cortez <cmgustavo83@gmail.com>
Date: Mon, 24 Feb 2014 15:20:28 -0300
Subject: [PATCH] fix layout blockpage. removed left column

---
 public/views/block.html | 202 ++++++++++++++++++----------------------
 1 file changed, 91 insertions(+), 111 deletions(-)

diff --git a/public/views/block.html b/public/views/block.html
index 78f1a89d..44610f39 100644
--- a/public/views/block.html
+++ b/public/views/block.html
@@ -1,118 +1,98 @@
 <div data-ng-include src="'/views/includes/connection.html'"></div>
 <section data-ng-controller="BlocksController" data-ng-init="findOne()">
-  <div class="row">
-    <div class="col-xs-12 col-gray col-gray-fixed">
-      <div class="m20v text-center text-muted" data-ng-if="!block.hash">
-        <span>Loading Block...</span>
-     </div>
-      <div class="ng-cloak" data-ng-cloak data-ng-if="block.hash">
-        <div class="block-id">
-          <span class="glyphicon glyphicon-list-alt"></span>
-          <h2 data-ng-if="block">#{{block.height}}</h2>
-        </div>
-        <div class="m10v">
-          <button class="pull-right btn-copy" clip-copy="block.hash"></button>
-          <a class="ellipsis" href="/block/{{block.hash}}">{{block.hash}}</a>
-        </div>
-        <div class="m20v" data-ng-show="!tx.isCoinBase">
-          <table class="table" style="table-layout: fixed">
-            <tbody class="small">
-            <tr data-ng-show="block.previousblockhash">
-              <td> Previous Block</td>
-              <td class="text-right"><a href="/block/{{block.previousblockhash}}">{{block.height-1}}</a></td>
-            </tr>
-            <tr data-ng-show="block.nextblockhash">
-              <td> Next Block</td>
-              <td class="text-right"><a href="/block/{{block.nextblockhash}}">{{block.height+1}}</a></td>
-            </tr>
-            </tbody>
-          </table>
-        </div> <!-- END OF TRANSACTIONS TABLE -->
-      </div>
-      <div data-ng-include src="'/views/includes/currency.html'"></div>
-    </div> <!-- END OF COL-GRAY   -->
-
-    <div class="col-xs-12 col-md-9 col-md-offset-3">
-      <h1>Block #{{block.height}}</h1>
-      <h3>Summary</h3>
-      <div class="progress progress-striped active" data-ng-if="!block.hash">
-        <div class="progress-bar progress-bar-info" style="width: 100%">
-          <span>Loading Block Details...</span>
-        </div>
-      </div>
-      <div class="row ng-cloak" data-ng-cloak data-ng-if="block.hash">
-        <div class="col-md-6">
-          <table class="table">
-            <tbody>
-              <tr>
-                <td><strong>Number Of Transactions</strong></td>
-                <td class="text-right text-muted">{{block.tx.length}}<td>
-              </tr>
-              <tr>
-                <td><strong>Height</strong></td>
-                <td class="text-right text-muted">{{block.height}}
-                <span data-ng-show="block.isMainChain" class="text-success">(Mainchain)</span>
-                <span data-ng-show="!block.isMainChain" class="text-danger"> <span class="glyphicon glyphicon-warning-sign"></span> (Orphaned)</span>
-                </td>
-              </tr>
-              <tr>
-                <td><strong>Block Reward</strong></td>
-                <td class="text-right text-muted">{{$root.currency.getConvertion(block.reward)}}</td>
-              </tr> 
-              <tr>
-                <td><strong>Timestamp</strong></td>
-                <td class="text-right text-muted">{{block.time * 1000 | date:'medium'}}</td>
-              </tr>
-              <tr data-ng-show="block.poolInfo">
-                <td><strong>Mined by</strong></td>
-                <td class="text-right text-muted">
-                  <a href="{{block.poolInfo.url}}" target="_blank" title="{{block.poolInfo.poolName}}">{{block.poolInfo.poolName}}</a>
-                </td>
-              </tr>
-              <tr>
-                <td><strong>Merkle Root</strong></td>
-                <td class="text-right text-muted">
-                  <button class="pull-right btn-copy" clip-copy="block.merkleroot"></button>
-                  <span class="ellipsis" style="width:155px">{{block.merkleroot}}</span>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-        <div class="col-md-6">
-          <table class="table">
-            <tbody>
-              <tr>
-                <td> <strong> Difficulty </strong></td>
-                <td class="text-right text-muted">{{block.difficulty}}</td>
-              </tr>
-              <tr>
-                <td> <strong> Bits </strong></td>
-                <td class="text-right text-muted">{{block.bits}}</td>
-              </tr>
-              <tr>
-                <td> <strong> Size (bytes) </strong></td>
-                <td class="text-right text-muted">{{block.size}}</td>
-              </tr>
-              <tr>
-                <td> <strong> Version </strong></td>
-                <td class="text-right text-muted">{{block.version}}</td>
-              </tr>
-              <tr>
-                <td> <strong> Nonce </strong></td>
-                <td class="text-right text-muted">{{block.nonce}}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div><!--  END OF ROW -->
-
-      <div data-ng-controller="transactionsController" data-ng-init="load('block')">
-        <h3>Transactions</h3>
-        <div data-ng-include src="'/views/transaction/list.html'" when-scrolled="loadMore()"></div>
-      </div>
+  <h1>Block #{{block.height}}</h1>
+  <div class="progress progress-striped active" data-ng-if="!block.hash">
+    <div class="progress-bar progress-bar-info" style="width: 100%">
+      <span>Loading Block...</span>
     </div>
   </div>
+  <div class="well well-sm ellipsis">
+    <strong>BlockHash</strong> 
+    <span class="txid text-muted">{{block.hash}}</span>
+    <span class="btn-copy" clip-copy="block.hash"></span>
+  </div>
+  <h2>Summary</h2>
+  <div class="row ng-cloak" data-ng-cloak data-ng-if="block.hash">
+    <div class="col-md-6">
+      <table class="table" style="table-layout: fixed">
+        <tbody>
+        <tr>
+          <td><strong>Number Of Transactions</strong></td>
+          <td class="text-right text-muted">{{block.tx.length}}</td>
+        </tr>
+        <tr>
+          <td><strong>Height</strong></td>
+          <td class="text-right text-muted">{{block.height}}
+            <span data-ng-show="block.isMainChain" class="text-success">(Mainchain)</span>
+            <span data-ng-show="!block.isMainChain" class="text-danger"> <span class="glyphicon glyphicon-warning-sign"></span> (Orphaned)</span>
+          </td>
+        </tr>
+        <tr>
+          <td><strong>Block Reward</strong></td>
+          <td class="text-right text-muted">{{$root.currency.getConvertion(block.reward)}}</td>
+        </tr> 
+        <tr>
+          <td><strong>Timestamp</strong></td>
+          <td class="text-right text-muted">{{block.time * 1000 | date:'medium'}}</td>
+        </tr>
+        <tr data-ng-show="block.poolInfo">
+          <td><strong>Mined by</strong></td>
+          <td class="text-right text-muted">
+            <a href="{{block.poolInfo.url}}" target="_blank" title="{{block.poolInfo.poolName}}">{{block.poolInfo.poolName}}</a>
+          </td>
+        </tr>
+        <tr>
+          <td><strong>Merkle Root</strong></td>
+          <td class="text-right text-muted">
+            <div class="ellipsis">
+              <span class="btn-copy" clip-copy="block.merkleroot"></span>
+              <span>{{block.merkleroot}}</span>
+            </div>
+          </td>
+        </tr>
+        <tr data-ng-show="block.previousblockhash">
+          <td><strong>Previous Block</strong></td>
+          <td class="text-right"><a href="/block/{{block.previousblockhash}}">{{block.height-1}}</a></td>
+        </tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="col-md-6">
+      <table class="table">
+        <tbody>
+        <tr>
+          <td> <strong> Difficulty </strong></td>
+          <td class="text-right text-muted">{{block.difficulty}}</td>
+        </tr>
+        <tr>
+          <td> <strong> Bits </strong></td>
+          <td class="text-right text-muted">{{block.bits}}</td>
+        </tr>
+        <tr>
+          <td> <strong> Size (bytes) </strong></td>
+          <td class="text-right text-muted">{{block.size}}</td>
+        </tr>
+        <tr>
+          <td> <strong> Version </strong></td>
+          <td class="text-right text-muted">{{block.version}}</td>
+        </tr>
+        <tr>
+          <td> <strong> Nonce </strong></td>
+          <td class="text-right text-muted">{{block.nonce}}</td>
+        </tr>
+        <tr data-ng-show="block.nextblockhash">
+          <td><strong>Next Block</strong></td>
+          <td class="text-right"><a href="/block/{{block.nextblockhash}}">{{block.height+1}}</a></td>
+        </tr>
+        </tbody>
+      </table>
+    </div>
+  </div><!--  END OF ROW -->
+  
+  <div data-ng-controller="transactionsController" data-ng-init="load('block')">
+    <h3>Transactions</h3>
+    <div data-ng-include src="'/views/transaction/list.html'" when-scrolled="loadMore()"></div>
+  </div>
 
 </section>