message of current loading insted the empty box

public/views/address.html

@@ -3,6 +3,10 @@
   <div class="row">
     <div class="col-xs-12 col-gray col-gray-fixed">
       <h1 class="text-center">Address</h1>
+      <div class="m20v text-center text-muted" data-ng-if="!address.addrStr">
+        <span>Loading Address Information...</span>
+      </div>
+      <div class="ng-cloak" data-ng-cloak data-ng-if="address.addrStr">
         <div class="text-center">
           <qrcode size="160" data="{{address.addrStr}}"></qrcode>
         </div>
@@ -13,7 +17,7 @@
         <div class="m20v">
           <h4>Summary</h4>
           <h5>Confirmed</h5>
-        <table class="table">
+          <table class="table ng-cloak" data-ng-hide="!address.addrStr" data-ng-cloak>
             <tbody>
             <tr>
               <td class="small">Total Received</td>
@@ -51,6 +55,7 @@
           </div>
 
         </div> <!-- END OF TRANSACTIONS TABLE -->
+      </div>
       <div data-ng-include src="'/views/includes/currency.html'"></div>
     </div> <!-- END OF COL-MD-3 -->
     <div class="col-xs-12 col-md-9 col-md-offset-3">

public/views/block.html

@@ -3,6 +3,10 @@
   <div class="row">
     <div class="col-xs-12 col-gray col-gray-fixed">
       <h1 class="text-center">Block</h1>
+      <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>
@@ -26,12 +30,18 @@
             </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">
       <h2>Summary</h2>
-      <div class="row">
+      <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>

public/views/block_list.html

@@ -8,6 +8,10 @@
           <h3>Blocks <br> mined on:</h3>
         </div>
       </div>
+      <div class="m20v text-center text-muted" data-ng-if="!pagination.current">
+        <span>Loading Selected Date...</span>
+      </div>
+      <div class="ng-cloak" data-ng-cloak data-ng-if="pagination.current">
         <p class="lead text-center m20v">
         {{pagination.current}} UTC
         <a href="#" class="btn btn-primary btn-xs" datepicker-popup show-button-bar="false" data-ng-click="openCalendar($event)" data-ng-model="dt" is-open="opened" data-ng-required="true"><span class="glyphicon glyphicon-calendar"></span></a>
@@ -22,6 +26,7 @@
           <a class="btn btn-primary" href="/blocks-date/{{pagination.next}}" data-ng-show="!pagination.isToday"><small>{{pagination.next}} &rarr;</small></a>
         </div>
       </div>
+    </div>
     <div class="col-xs-12 col-md-9 col-md-offset-3">
       <div class="page-header">
         <h1>

public/views/transaction.html

@@ -1,8 +1,13 @@
 <div data-ng-include src="'/views/includes/connection.html'"></div>
 <section data-ng-controller="transactionsController" data-ng-init="findThis()">
-<div class="row">
+  
+  <div class="row ng-cloak" data-ng-clock data-ng-if="tx.txid">
     <div class="col-xs-12 col-gray col-gray-fixed">
       <h1 class="text-center">Transaction</h1>
+      <div class="m20v text-center text-muted" data-ng-if="!tx.txid">
+        <span>Loading Transaction...</span>
+      </div>
+      <div class="ng-cloak" data-ng-cloak data-ng-if="tx.txid">
         <div class="tx-id">
           <span class="glyphicon glyphicon-retweet"></span>
         </div>
@@ -32,6 +37,7 @@
 
           </tbody>
         </table>
+      </div>
       <div data-ng-include src="'/views/includes/currency.html'"></div>
     </div>
     <div class="col-xs-12 col-md-9 col-md-offset-3">
@@ -39,10 +45,15 @@
         Details
         <small>View information about a bitcoin transaction</small>
       </h2>
-    <div class="block-tx">
+      <div class="progress progress-striped active" data-ng-if="!tx.txid">
+        <div class="progress-bar progress-bar-info" style="width: 100%">
+          <span>Loading Transaction Details...</span>
+        </div>
+      </div>
+      <div class="block-tx ng-cloak" data-ng-cloak data-ng-if="tx.txid">
         <div data-ng-include src="'/views/transaction/tx.html'"></div>
       </div>
-    <div data-ng-show="!tx.isCoinBase">
+      <div class="ng-cloak" data-ng-cloak data-ng-if="tx.txid && !tx.isCoinBase">
         <h2>Inputs and Outputs</h2>
         <table class="table">
           <tbody>
@@ -62,4 +73,5 @@
         </table>
       </div>
     </div>
+  </div>
 </section>

public/views/transaction/list.html

@@ -4,6 +4,6 @@
 </div>
 <div class="progress progress-striped active" data-ng-show="loading">
   <div class="progress-bar progress-bar-info" style="width: 100%">
-    <span>Loading...</span>
+    <span>Loading Transactions...</span>
   </div>
 </div>