Merge pull request #17 from colkito/feature/addresspage_templates

Feature/addresspage templates -- Good!

app/models/Transaction.js

@@ -11,9 +11,9 @@ var mongoose    = require('mongoose'),
     Address     = require('bitcore/Address').class(),
     networks    = require('bitcore/networks'),
     util        = require('bitcore/util/util'),
-    bignum      = require('BigNum'),
+    bignum      = require('bignum'),
     config      = require('../../config/config');
-    
+
 
 /**
  */
@@ -48,7 +48,7 @@ TransactionSchema.statics.fromId = function(txid, cb) {
 TransactionSchema.statics.fromIdWithInfo = function(txid, cb) {
 
   // TODO Should we go to mongoDB first? Now, no extra information is stored at mongo.
-  
+
   this.fromId(txid, function(err, tx) {
     if (err) return cb(err);
 

app/views/includes/foot.jade

@@ -10,6 +10,8 @@ script(type='text/javascript', src='/lib/angular/angular.js')
 script(type='text/javascript', src='/lib/angular-cookies/angular-cookies.js')
 script(type='text/javascript', src='/lib/angular-resource/angular-resource.js')
 script(type='text/javascript', src='/lib/angular-route/angular-route.js')
+script(type='text/javascript', src='/lib/qrcode-generator/js/qrcode.js')
+script(type='text/javascript', src='/lib/angular-qrcode/qrcode.js')
 
 //Angular UI
 script(type='text/javascript', src='/lib/angular-bootstrap/ui-bootstrap.js')
@@ -33,4 +35,5 @@ script(type='text/javascript', src='/js/controllers/index.js')
 script(type='text/javascript', src='/js/controllers/header.js')
 script(type='text/javascript', src='/js/controllers/blocks.js')
 script(type='text/javascript', src='/js/controllers/transactions.js')
+script(type='text/javascript', src='/js/controllers/address.js')
 script(type='text/javascript', src='/js/init.js')

bower.json

@@ -9,6 +9,7 @@
       "angular-route": "latest",
       "bootstrap": "3.0.3",
       "angular-bootstrap": "0.9.0",
-      "angular-ui-utils": "0.1.0"
+      "angular-ui-utils": "0.1.0",
+      "angular-qrcode": "latest"
     }
-}
+}

public/js/app.js

@@ -1,8 +1,9 @@
 'use strict';
 
-angular.module('mystery', ['ngCookies', 'ngResource', 'ngRoute', 'ui.bootstrap', 'ui.route', 'mystery.system', 'mystery.index', 'mystery.blocks', 'mystery.transactions']);
+angular.module('mystery', ['ngCookies', 'ngResource', 'ngRoute', 'ui.bootstrap', 'ui.route', 'mystery.system', 'mystery.index', 'mystery.blocks', 'mystery.transactions', 'monospaced.qrcode', 'mystery.address']);
 
 angular.module('mystery.system', []);
 angular.module('mystery.index', []);
 angular.module('mystery.blocks', []);
 angular.module('mystery.transactions', []);
+angular.module('mystery.address', []);

public/js/config.js

@@ -19,6 +19,9 @@ angular.module('mystery').config(['$routeProvider',
     when('/blocks-date/:blockDate', {
       templateUrl: 'views/blocks/list.html'
     }).
+    when('/address/:address', {
+      templateUrl: 'views/address.html'
+    }).
     otherwise({
       redirectTo: '/'
     });

public/js/controllers/address.js

@@ -0,0 +1,20 @@
+'use strict';
+
+angular.module('mystery.address').controller('AddressController', ['$scope', function ($scope) {
+
+  //example data
+  $scope.address = '1JmTTDcksW7A6GN7JnxuXkMAXsVN9zmgm1';
+  $scope.hash160 = '77ad7d08aaa9cf489ea4e468eaeb892b85f71e27';
+  $scope.transactions = [
+    {
+      hash: '49a1d01759690476dbeec4a8efd969c09c6d4269ea2d88f4d9d4f098f021413c',
+      time: 1234123445,
+      amount: 0.3
+    },
+    {
+      hash: 'cce948b422a4d485900fb82e64458720eb89f545af3f07ddf7d18660f9f881e9',
+      time: 1234123445,
+      amount: 0.1
+    }
+  ];
+}]);

public/views/address.html

@@ -0,0 +1,60 @@
+<section data-ng-controller="AddressController">
+  <div class="page-header">
+    <h1>
+      Address
+      <small>{{address}}</small>
+    </h1>
+  </div>
+  <div class="col-lg-9">
+    <table class="table table-striped">
+      <tbody>
+        <tr>
+          <td>Address</td>
+          <td><a href="#!/address/{{address}}">{{address}}</a></td>
+        </tr>
+        <tr>
+          <td>Hash160</td>
+          <td><a href="#!/address/{{hash160}}">{{hash160}}</a></td>
+        </tr>
+        <tr>
+          <td>Total Output</td>
+          <td>1 BTC</td>
+        </tr>
+        <tr>
+          <td>Total Input</td>
+          <td>0.2 BTC</td>
+        </tr>
+        <tr>
+          <td>Current balance</td>
+          <td>10.2 BTC</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="col-lg-3">
+    <qrcode size="200" data="{{address}}"></qrcode>
+  </div>
+  <div class="col-lg-12">
+    <h3>
+      Transactions
+      <small>transactions this address relates to</small>
+    </h3>
+
+    <table class="table table-striped">
+      <thead>
+        <tr>
+          <th>Transaction Hash</th>
+          <th>Datetime</th>
+          <th>Transacted amount</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr data-ng-repeat="transaction in transactions">
+          <td><a href="#!/tx/{{transaction.hash}}">{{transaction.hash}}</a></td>
+          <td>{{transaction.time | date:'medium'}}</td>
+          <td>{{transaction.amount}} BTC</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</section>

public/views/blocks/list.html

@@ -19,7 +19,7 @@
     <tbody>
       <tr data-ng-repeat="block in blocks">
         <td><a href="#!/block/{{block.hash}}">{{block.hash}}</a></td>
-        <td>{{block.time}}</td>
+        <td>{{block.time * 1000 | date:'medium'}}</td>
       </tr>
     </tbody>
   </table>