added address view, started implementation of dark theme

web/views/address/address.html

@@ -0,0 +1,56 @@
+<div class="row">
+    <div class="col-sm-4">
+        <div class="panel">
+            <div class="panel-heading c_deepPurpleG300to500">
+                <h3 class="panel-title">{{address.hash}}</h3>
+            </div>
+            <div class="panel-body">
+                {{address.amount}}
+            </div>
+        </div>
+
+        <div class="panel">
+            <div class="panel-heading c_deepPurpleG300to500">
+                <h3 class="panel-title">Blocks where address appears</h3>
+            </div>
+            <div class="panel-body" ng-repeat="block in address.blocks">
+                Block Height: {{block.height}}
+                <br>
+                Hash: {{block.Hash}}
+                <br>
+                {{block.datet}}
+                <br>
+                {{block.Size}}
+            </div>
+        </div>
+    </div>
+    <div class="col-sm-6">
+        <div class="panel">
+            <div class="panel-heading c_deepPurpleG300to500">
+                <h3 class="panel-title">Tx where address appears</h3>
+            </div>
+            <div class="panel-body">
+                <table class="table table-hover">
+                    <thead>
+                        <tr>
+                            <th>BlockHeight</th>
+                            <th>From</th>
+                            <th>To</th>
+                            <th>Amount</th>
+                            <th></th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr ng-repeat="tx in address.txs">
+                            <td style="max-width:20px; overflow:hidden;">{{tx.blockheight}}</td>
+                            <td style="max-width:20px; overflow:hidden;">{{tx.from}}</td>
+                            <td style="max-width:20px; overflow:hidden;">{{tx.to}}</td>
+                            <td>{{tx.amount}}</td>
+                            <td><a ng-href="#!/tx/{{tx.id}}">View</a></td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>

web/views/address/address.js

@@ -0,0 +1,21 @@
+'use strict';
+
+angular.module('app.address', ['ngRoute'])
+
+    .config(['$routeProvider', function($routeProvider) {
+        $routeProvider.when('/address/:hash', {
+            templateUrl: 'views/address/address.html',
+            controller: 'AddressCtrl'
+        });
+    }])
+
+    .controller('AddressCtrl', function($scope, $http, $routeParams) {
+        $scope.address = {};
+        $http.get(urlapi + 'address/' + $routeParams.hash)
+            .then(function(data, status, headers, config) {
+                console.log(data);
+                $scope.address = data.data;
+            }, function(data, status, headers, config) {
+                console.log('data error');
+            });
+    });

web/views/dateAnalysis/dateAnalysis.html

@@ -1,6 +1,6 @@
 <div class="row">
     <div class="col-md-6">
-        <div class="panel-heading c_blueGrey300">
+        <div class="panel-heading c_deepPurpleG300to500">
             <h3 class="panel-title">Last 7 Days Tx/Day</h3>
         </div>
         <div class="panel-body">
@@ -9,7 +9,7 @@
         </div>
     </div>
     <div class="col-md-6">
-        <div class="panel-heading c_blueGrey300">
+        <div class="panel-heading c_deepPurpleG300to500">
             <h3 class="panel-title">Last 24 hours Tx/Hour</h3>
         </div>
         <div class="panel-body">
@@ -18,9 +18,10 @@
         </div>
     </div>
 </div>
+<br>
 <div class="row">
     <div class="col-md-12">
-        <div class="panel-heading c_blueGrey300">
+        <div class="panel-heading c_deepPurpleG300to500">
             <h3 class="panel-title">Last 7 Days Tx/Hour</h3>
         </div>
         <div class="panel-body">
@@ -28,4 +29,4 @@
             </canvas>
         </div>
     </div>
-</div>
+</div>

web/views/main/main.html

@@ -4,7 +4,7 @@
       <div class="panel-body">
         <h4>{{stats.realblockcount}}/{{stats.blockcount}} Blocks with content</h4>
         <div class="progress" style="margin:0;">
-          <div class="progress-bar c_blueGrey500" ng-style="blockProgress"></div>
+          <div class="progress-bar c_deepPurpleG300to500" ng-style="blockProgress"></div>
         </div>
       </div>
     </div>
@@ -14,7 +14,7 @@
       <div class="panel-body">
         <h4>{{stats.txcount}} Txs</h4>
         <div class="progress" style="margin:0;">
-          <div class="progress-bar c_blueGrey500" ng-style="txProgress"></div>
+          <div class="progress-bar c_deepPurpleG300to500" ng-style="txProgress"></div>
         </div>
       </div>
     </div>
@@ -24,7 +24,7 @@
       <div class="panel-body">
         <h4>{{stats.addrcount}} Addr</h4>
         <div class="progress" style="margin:0;">
-          <div class="progress-bar c_blueGrey500" ng-style="txProgress"></div>
+          <div class="progress-bar c_deepPurpleG300to500" ng-style="txProgress"></div>
         </div>
       </div>
     </div>
@@ -35,7 +35,7 @@
         <round-progress
         max="max"
         current="current"
-        color="#45CCCE"
+        color="#9575CD"
         bgcolor="#eaeaea"
         radius="100"
         stroke="20"
@@ -46,6 +46,7 @@
         duration="800"
         animation="easeInOutQuart"
         animation-delay="0">{{current}}/{{max}}</round-progress>
+          <div class="o_textRoundProgress">{{ current }}/{{ max }}</div>
       </div>
     </div>
   </div>
@@ -54,11 +55,11 @@
       <div class="panel-body">
         <round-progress
         max="max"
-        current="current"
-        color="#607D8B"
+        current="20"
+        color="#673AB7"
         bgcolor="#eaeaea"
         radius="100"
-        stroke="20"
+        stroke="25"
         semi="true"
         rounded="false"
         clockwise="true"
@@ -66,6 +67,7 @@
         duration="800"
         animation="easeInOutQuart"
         animation-delay="0">{{current}}/{{max}}</round-progress>
+          <div class="o_textRoundProgress">25%</div>
       </div>
     </div>
   </div>
@@ -73,9 +75,9 @@
 <div class="row">
   <div class="col-sm-4">
     <div class="panel">
-      <div class="panel-heading c_blueGrey300">
+      <div class="panel-heading c_deepPurpleG300to500">
         <h3 class="panel-title">Last 24 hours Tx/Hour
-                <a ng-href="#!/dateAnalysis" class="pull-right c_blueGrey300">View more</a></h3>
+                <a ng-href="#!/dateAnalysis" class="pull-right c_deepPurpleG300to500">View more</a></h3>
       </div>
       <div class="panel-body">
         <canvas id="line" class="chart chart-line" chart-data="last24hour.data" chart-labels="last24hour.labels">
@@ -84,7 +86,7 @@
     </div>
 
     <div class="panel">
-      <div class="panel-heading c_blueGrey300">
+      <div class="panel-heading c_deepPurpleG300to500">
         <h3 class="panel-title">Tx/Day Last 7 Days</h3>
       </div>
       <div class="panel-body">
@@ -95,9 +97,9 @@
   </div>
   <div class="col-sm-8">
     <div class="panel">
-      <div class="panel-heading c_blueGrey300">
+      <div class="panel-heading c_deepPurpleG300to500">
         <h3 class="panel-title">Last 7 days Tx/Hour
-                  <a ng-href="#!/dateAnalysis" class="pull-right c_blueGrey300">View more</a></h3>
+                 <a ng-href="#!/dateAnalysis" class="pull-right c_deepPurpleG300to500">View more</a></h3>
       </div>
       <div class="panel-body">
         <canvas id="line" class="chart chart-line" chart-data="last7dayhour.data" chart-labels="last7dayhour.labels" chart-series="last7dayhour.series">
@@ -109,13 +111,13 @@
 <div class="row">
   <div class="col-sm-4">
     <div class="panel">
-      <div class="panel-heading c_blueGrey300">
+      <div class="panel-heading c_deepPurpleG300to500">
         <h3 class="panel-title">Last addresses used</h3>
       </div>
       <div class="panel-body" style="max-height: 250px;overflow-y: scroll;">
         <div class="list-group-item" ng-repeat="address in addresses">
           <div class="row-content">
-            <p class="list-group-item-text">{{address.hash}}</p>
+            <a ng-href="#!/address/{{address.hash}}" class="list-group-item-text">{{address.hash}}</a>
           </div>
         </div>
       </div>
@@ -124,11 +126,11 @@
   </div>
   <div class="col-md-8">
     <div class="panel">
-      <div class="panel-heading c_blueGrey300">
+      <div class="panel-heading c_deepPurpleG300to500">
         <h3 class="panel-title">Last Tx with amount</h3>
       </div>
       <div class="panel-body" style="max-height: 250px;overflow-y: scroll;">
-        <table class="table table-striped table-hover">
+        <table class="table table-hover">
           <!--<colgroup>
                         <col class="col-md-2">
                         <col class="col-md-2">

web/views/sidebar.html

@@ -1,6 +1,6 @@
-<div class="c_grey600" style="height:100%;position:fixed;"><!-- margin-top:-20px; -->
+<div class="c_grey900" style="height:100%;position:fixed;"><!-- margin-top:-20px; -->
     <ul class="nav o_sidebar">
-        <li class="c_grey800">
+        <li class="c_deepPurpleG300to500">
             <a href="#!/main">
                 goBlockchainDataAnalysis
             </a>