From b53fbc3fd2cfc908eaaaf444f2d9276cecf16f47 Mon Sep 17 00:00:00 2001
From: Mario Colque <colquemario@gmail.com>
Date: Tue, 21 Jan 2014 16:12:58 -0300
Subject: [PATCH] Several UI improvements

---
 public/views/transaction/list.html |  6 +++---
 public/views/transaction/tx.html   | 21 ++++++++-------------
 2 files changed, 11 insertions(+), 16 deletions(-)

diff --git a/public/views/transaction/list.html b/public/views/transaction/list.html
index c1262f2d..8b68db0f 100644
--- a/public/views/transaction/list.html
+++ b/public/views/transaction/list.html
@@ -2,8 +2,8 @@
 <div class="block-tx fader" data-ng-show="txs && txs[0].txid" data-ng-repeat="tx in txs">
   <div data-ng-include src="'/views/transaction/tx.html'"></div>
 </div>
-<div class="panel panel-default" data-ng-show="!txs.length || loading">
-  <div class="panel-body">
-    Loading...
+<div class="progress progress-striped active" data-ng-show="!txs.length || loading">
+  <div class="progress-bar" style="width: 100%">
+    <span>Loading...</span>
   </div>
 </div>
diff --git a/public/views/transaction/tx.html b/public/views/transaction/tx.html
index 76be7869..3c53d76e 100644
--- a/public/views/transaction/tx.html
+++ b/public/views/transaction/tx.html
@@ -1,14 +1,9 @@
   <div class="line-bot">
     <a href="/#!/tx/{{tx.txid}}">{{tx.txid}}</a>
-
     <a class="pull-right" style="margin-left:10px" data-ng-click="itemsExpanded = !itemsExpanded">
-      <span data-ng-show="itemsExpanded" class="glyphicon glyphicon-minus-sign"  tooltip="Hide items details"  tooltip-placement="down" ></span>
-      <span data-ng-show="!itemsExpanded" class="glyphicon glyphicon-plus-sign"  tooltip="Show items details"  tooltip-placement="down"></span>
+      <span class="glyphicon" data-ng-class="{'glyphicon-minus-sign': itemsExpanded, 'glyphicon-plus-sign': !itemsExpanded}" tooltip="Show/Hide items details" tooltip-placement="down"></span>
     </a>
-
     <span class="pull-right">{{tx.time * 1000 | date:'medium'}}</span>
-
-
   </div>
 
   <div class="row">
@@ -25,8 +20,8 @@
           <li class="row">
             <div class="col-md-8">
               <div class="ellipsis">
-                <span data-ng-show="vin.notAddr">{{vin.addr}}</span>  
-                <a data-ng-show="!vin.notAddr" href="/#!/address/{{vin.addr}}">{{vin.addr}}</a>  
+                <span data-ng-show="vin.notAddr">{{vin.addr}}</span>
+                <a data-ng-show="!vin.notAddr" href="/#!/address/{{vin.addr}}">{{vin.addr}}</a>
               </div>
             </div>
             <p class="text-right text-muted"><small>{{vin.value}} BTC</small></p>
@@ -38,8 +33,8 @@
             </a>
             <div class="col-md-8">
               <div class="ellipsis">
-                <span data-ng-show="vin.notAddr">{{vin.addr}}</span>  
-                <a data-ng-show="!vin.notAddr" href="/#!/address/{{vin.addr}}">{{vin.addr}}</a>  
+                <span data-ng-show="vin.notAddr">{{vin.addr}}</span>
+                <a data-ng-show="!vin.notAddr" href="/#!/address/{{vin.addr}}">{{vin.addr}}</a>
               </div>
               <div style="word-wrap:break-word">
                 <small><strong>scriptSig</strong> {{vin.scriptSig.asm}}</small>
@@ -59,7 +54,7 @@
         <div data-ng-repeat="vout in tx.voutSimple" data-ng-show="!itemsExpanded">
           <div class="col-md-9">
             <div class="ellipsis">
-              <span data-ng-show="vout.hideLink">{{vout.addr}}</span>  
+              <span data-ng-show="vout.hideLink">{{vout.addr}}</span>
               <a href="/#!/address/{{address}}"  data-ng-show="!vout.hideLink" data-ng-repeat="address in vout.addr.split(',')">{{address}}</a>
             </div>
           </div>
@@ -72,7 +67,7 @@
             <div class="ellipsis">
               <a href="/#!/address/{{address}}" data-ng-repeat="address in vout.scriptPubKey.addresses">{{address}}</a>
             </div>
-            <small><strong>type</strong> {{vout.scriptPubKey.type}}</small> 
+            <small><strong>type</strong> {{vout.scriptPubKey.type}}</small>
             <div>
               <small><strong>scriptPubKey</strong> {{vout.scriptPubKey.asm}}</small>
             </div>
@@ -81,7 +76,7 @@
             <p class="text-right text-muted"> <small>{{vout.value}} BTC</small></p>
           </div>
         </div>
- 
+
       </div>
     </div>
   </div>