Merge pull request #171 from cmgustavo/bug/01titles-h1-h2-descriptions

SET: complete descriptions info. fixed titles for all pages. complete h1...

app/views/includes/head.jade

@@ -6,8 +6,8 @@ head
 
   title(data-ng-bind="$root.title + $root.titleDetail + ' | #{appName}'")= appName
   meta(http-equiv='Content-type', content='text/html;charset=UTF-8')
-  meta(name="keywords", content="node.js, express, mongoose, mongodb, angularjs")
-  meta(name="description", content="Insight")
+  meta(name="keywords", content="bitcoins, transactions, blocks, address, block chain, best block, mining difficulty, hash serialized")
+  meta(name="description", content="Bitcoin Insight. View detailed information on all bitcoin transactions and block. {{ $root.title + $root.titleDetail }}")
 
   link(rel='shortcut icon', href='/img/icons/favicon.ico', type='image/x-icon')
 

public/css/common.css

@@ -190,11 +190,20 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   width: 165px;
 }
 
+.block-id h1 {
+  color: #FFFFFF;
+  font-weight: bold;
+  line-height: 30px;
+  text-align: center;
+  font-size: 24px;
+}
+
 .block-id h3 {
   color: #FFFFFF;
   font-weight: bold;
   line-height: 30px;
   text-align: center;
+  font-size: 24px;
 }
 
 .icon-block {

public/js/controllers/address.js

@@ -5,12 +5,13 @@ function($scope, $rootScope, $routeParams, $location, Global, Address, getSocket
   $scope.global = Global;
 
   $scope.findOne = function() {
-    $rootScope.titleDetail = $rootScope.currentAddr = $routeParams.addrStr;
+    $rootScope.currentAddr = $routeParams.addrStr;
 
     Address.get({
       addrStr: $routeParams.addrStr
     },
     function(address) {
+      $rootScope.titleDetail = address.addrStr.substring(0,7) + '...';
       $scope.address = address;
     },
     function(e) {

public/js/controllers/blocks.js

@@ -34,11 +34,11 @@ angular.module('insight.blocks').controller('BlocksController',
 
   $scope.findOne = function() {
     $scope.loading = true;
-    $rootScope.titleDetail = $routeParams.blockHash;
 
     Block.get({
       blockHash: $routeParams.blockHash
     }, function(block) {
+      $rootScope.titleDetail = block.height;
       $scope.loading = false;
       $scope.block = block;
     }, function(e) {

public/js/controllers/transactions.js

@@ -109,6 +109,7 @@ function($scope, $rootScope, $routeParams, $location, Global, Transaction, Trans
     Transaction.get({
       txId: txid
     }, function(tx) {
+      $rootScope.titleDetail = tx.txid.substring(0,7) + '...';
       $scope.tx = tx;
       _processTX(tx);
       $scope.txs.unshift(tx);
@@ -128,7 +129,6 @@ function($scope, $rootScope, $routeParams, $location, Global, Transaction, Trans
   };
 
   $scope.findThis = function() {
-    $rootScope.titleDetail = $routeParams.txId;
     _findTx($routeParams.txId);
   };
 

public/views/block.html

@@ -5,7 +5,7 @@
         <div class="icon-block text-center">
           <span class="glyphicon glyphicon-list-alt"></span>
         </div>
-        <h3 data-ng-if="block">Block #{{ block.height }}</h3>
+        <h1 data-ng-if="block">Block #{{ block.height }}</h1>
       </div>
       <div class="m50v" data-ng-show="!tx.isCoinBase">
         <h4>Hashes</h4>

public/views/status.html

@@ -7,7 +7,7 @@
   <div id="status" class="row">
       
     <div class="col-xs-12 col-md-8">
-      <h4>Sync Status</h4>
+      <h2>Sync Status</h2>
       <table class="table"  data-ng-controller="StatusController" data-ng-init="getSync()">
         <tbody>
         <thead>
@@ -40,7 +40,7 @@
         </tbody>
       </table>
     
-      <h4>Transaction Output Set Information</h4>
+      <h2>Transaction Output Set Information</h2>
       <table class="table" style="table-layout: fixed" data-ng-controller="StatusController" data-ng-init="getStatus('TxOutSetInfo')">
         <thead  data-ng-include src="'/views/infoStatus.html'"> </thead>
         <tbody>
@@ -75,7 +75,7 @@
         </tbody>
       </table>
       
-      <h4>Last Block</h4>
+      <h2>Last Block</h2>
       <table class="table" style="table-layout: fixed" data-ng-controller="StatusController" data-ng-init="getStatus('LastBlockHash')">
         <thead  data-ng-include src="'/views/infoStatus.html'"> </thead>
         <tr>
@@ -87,7 +87,7 @@
     </div> <!-- END OF COL-8 -->
 
     <div class="col-xs-12 col-md-4 col-gray">
-      <h4>Bitcoin node information</h4>
+      <h2>Bitcoin node information</h2>
       <table class="table" data-ng-controller="StatusController" data-ng-init="getStatus('Info')">
         <thead  data-ng-include src="'/views/infoStatus.html'"> </thead>
         <tbody>

public/views/transaction.html

@@ -10,7 +10,7 @@
 
   <div class="row m50v">
     <div data-ng-class="{'col-md-6':!tx.isCoinBase}">
-      <h3>Summary</h3>
+      <h2>Summary</h2>
       <table class="table" style="table-layout: fixed">
         <tbody>
         <tr>
@@ -30,7 +30,7 @@
       </table>
     </div>
     <div class="col-md-6"  data-ng-show="!tx.isCoinBase">
-      <h3>Inputs and Outputs</h3>
+      <h2>Inputs and Outputs</h2>
         <table class="table">
           <tbody>
           <tr>