From c49021af9fb950fbe1188fa7e7ea9310b4422328 Mon Sep 17 00:00:00 2001 From: Gustavo Cortez Date: Mon, 27 Jan 2014 18:13:32 -0300 Subject: [PATCH] fix route for status page. update all page with responsive support --- config/routes.js | 1 + public/css/common.css | 38 ++++++--- public/views/address.html | 63 ++++++++------- public/views/block.html | 63 +++++++-------- public/views/blocks/list.html | 24 +++--- public/views/index.html | 96 +++++++++++----------- public/views/status.html | 146 +++++++++++++++++----------------- 7 files changed, 218 insertions(+), 213 deletions(-) diff --git a/config/routes.js b/config/routes.js index 77b3315..4a134a2 100644 --- a/config/routes.js +++ b/config/routes.js @@ -7,6 +7,7 @@ module.exports = function(app, historicSync) { app.get('/', index.render); app.get('/blocks', index.render); + app.get('/status', index.render); app.get('/blocks-date/*', index.render); app.get('/block-index/*', index.render); app.get('/block/*', index.render); diff --git a/public/css/common.css b/public/css/common.css index ea155a3..6f5ba93 100644 --- a/public/css/common.css +++ b/public/css/common.css @@ -20,7 +20,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { /* Negative indent footer by its height */ margin: 0 auto -51px; /* Pad bottom by footer height */ - padding: 0 0 60px; + padding: 0 0 75px; } .m10h { margin: 0 10px; } @@ -134,14 +134,37 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { -webkit-border-radius: 5px; background-color: #F4F4F4; border-radius: 5px; - padding: 15px; - width: 267px; + padding: 14px; } .col-gray-responsive { width: auto; } +.col-gray-fixed { + position: fixed; + width: 250px; +} + +@media (max-width: 768px) { + .col-gray-fixed { + width:100%; + } +} + +@media (max-width: 995px) { + .col-gray-fixed { + position:static; + width: 100%; + } +} + +@media (min-width: 1200px) { + .col-gray-fixed { + width: 280px; + } +} + .ellipsis { display: block; overflow: hidden; @@ -159,11 +182,6 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 10px 0; } -.col-gray .address { - line-height: 20px; - width: 125px; -} - .block-id { background-color: #373D42; border: 3px solid #FFFFFF; @@ -197,7 +215,6 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { .btn { border-radius: 2px; - margin: 0 5px; } .btn-primary { background-color: #8DC429; @@ -213,7 +230,6 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { background-color: #fff; border: 2px solid #ccc; color: #373D42; - font-weight: 500; } .btn-default { @@ -231,8 +247,6 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { border: 2px solid #6C0000; } -#status .table { margin-bottom: 45px; } - .progress-bar-info { background-color: #8DC429; } /* Set the fixed height of the footer here */ diff --git a/public/views/address.html b/public/views/address.html index dc5633a..c23d54e 100644 --- a/public/views/address.html +++ b/public/views/address.html @@ -1,40 +1,39 @@
-
-
-
- -
- - {{address.addrStr}} -
+
+

Address

+
+ +
+ + {{address.addrStr}}
-
-

Summary

- - - - - - - - - - - - - - - - - - - -
Total Received{{address.totalReceived}} BTC
Total Sent{{address.totalSent}} BTC
Final Balance{{address.balance}} BTC
No. Transactions{{address.txApperances}}
-
+
+

Summary

+ + + + + + + + + + + + + + + + + + + +
Total Received{{address.totalReceived}} BTC
Total Sent{{address.totalSent}} BTC
Final Balance{{address.balance}} BTC
No. Transactions{{address.txApperances}}
+
-
+

Transactions Transactions for this address

diff --git a/public/views/block.html b/public/views/block.html index 0641473..5d3410f 100644 --- a/public/views/block.html +++ b/public/views/block.html @@ -1,42 +1,39 @@
-
-
-
-
- -
-

Block #{{ block.height }}

+
+
+
+
-
-

Hashes

- - - - - - - - - - - - - - - - - - - -
Hash {{block.hash}}
Previous Block{{block.previousblockhash}}
Next Block{{block.nextblockhash}}
Merkle Root

{{block.merkleroot}}

-
- +

Block #{{ block.height }}

+
+

Hashes

+ + + + + + + + + + + + + + + + + + + +
Hash {{block.hash}}
Previous Block{{block.previousblockhash}}
Next Block{{block.nextblockhash}}
Merkle Root

{{block.merkleroot}}

+
-
-

Summary

+
+

Summary

diff --git a/public/views/blocks/list.html b/public/views/blocks/list.html index f79941f..90c999f 100644 --- a/public/views/blocks/list.html +++ b/public/views/blocks/list.html @@ -1,21 +1,19 @@
-
-
-
-
- -

Blocks
mined on:

-
-
-

{{pagination.current}}

-
- ← {{pagination.prev}} - {{pagination.next}} → +
+
+
+ +

Blocks
mined on:

+

{{pagination.current}}

+
+ ← {{pagination.prev}} + {{pagination.next}} → +
-
+

Blocks diff --git a/public/views/index.html b/public/views/index.html index 2185213..2e482a6 100644 --- a/public/views/index.html +++ b/public/views/index.html @@ -35,57 +35,55 @@

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt tempora fugiat dolorem cupiditate perspiciatis praesentium.

-
-
-

Latest Transactions

+
+

Latest Transactions

-
- - - - - - - - - - - - - +
HashAgeValue Out
Waiting for transactions...
- {{tx.txid}} - {{humanSince(tx.time)}}{{tx.valueOut}}
+ + + + + - -
HashAgeValue Out
-

Other Bitcoin Links

- -
+ + + Waiting for transactions... + + + {{tx.txid}} + + {{humanSince(tx.time)}} + {{tx.valueOut}} + + + +

Other Bitcoin Links

+
diff --git a/public/views/status.html b/public/views/status.html index 04fdb57..e53634b 100644 --- a/public/views/status.html +++ b/public/views/status.html @@ -5,8 +5,8 @@
-
+

Sync Status

@@ -41,7 +41,7 @@

Transaction Output Set Information

- +
@@ -50,7 +50,7 @@ - + @@ -66,7 +66,7 @@ - + @@ -76,85 +76,83 @@
Best Block{{txoutsetinfo.bestblock}}{{txoutsetinfo.bestblock}}
Transactions
Hash Serialized{{txoutsetinfo.hash_serialized}}{{txoutsetinfo.hash_serialized}}
Total Amount

Last Block

- +
- +
Last Block Hash{{lastblockhash}}{{lastblockhash}}
-
-
-

Bitcoin node information

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Version{{info.version}}
Protocol version{{info.protocolversion}}
Blocks{{info.blocks}}
Time Offset{{info.timeoffset}}
Connections to other nodes{{info.connections}}
Proxy setting{{info.proxy}}
Mining Difficulty{{info.difficulty}}
Testnet{{info.testnet}}
Keypool Oldest Date{{info.keypoololdest*1000 | date:'medium' }}
Keypool Size{{info.keypoolsize}}
Default Transaction Fee (BTC){{info.paytxfee}}
Info Errors{{info.infoErrors}}
+
+

Bitcoin node information

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Version{{info.version}}
Protocol version{{info.protocolversion}}
Blocks{{info.blocks}}
Time Offset{{info.timeoffset}}
Connections to other nodes{{info.connections}}
Proxy setting{{info.proxy}}
Mining Difficulty{{info.difficulty}}
Testnet{{info.testnet}}
Keypool Oldest Date{{info.keypoololdest*1000 | date:'medium' }}
Keypool Size{{info.keypoolsize}}
Default Transaction Fee (BTC){{info.paytxfee}}
Info Errors{{info.infoErrors}}
-

Difficulty

- - - - - - - -
Mining Difficulty{{difficulty}}
-
-
+

Difficulty

+ + + + + + + +
Mining Difficulty{{difficulty}}
+