1<!DOCTYPE html>
  2<html>
  3
  4<head>
  5    <meta charset=utf-8>
  6    <!--Import Google Icon Font-->
  7    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  8    <!--Import materialize.css-->
  9    <link type="text/css" rel="stylesheet" href="bower_components/materialize/dist/css/materialize.min.css" media="screen,projection" />
 10
 11    <!--Let browser know website is optimized for mobile-->
 12    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 13
 14
 15
 16    <script type="text/javascript" src="bower_components/vis/dist/vis.min.js"></script>
 17    <link href="bower_components/vis/dist/vis.min.css" rel="stylesheet" type="text/css" />
 18    <link href="bower_components/vis/dist/vis-network.min.css" rel="stylesheet" type="text/css" />
 19    <style type="text/css">
 20        #mynetwork {
 21            /*width: 75%;*/
 22            height: 600px;
 23            border: 1px solid lightgray;
 24            display: inline-block;
 25            top: 0px;
 26            background: black;
 27        }
 28
 29        .o-height600 {
 30            max-height: 600px!important;
 31        }
 32
 33        .o-height500 {
 34            max-height: 500px!important;
 35        }
 36
 37        .o-height300 {
 38            max-height: 300px!important;
 39        }
 40
 41        .o-overflowScroll {
 42            /*max-height: 600px;*/
 43            overflow-y: scroll;
 44        }
 45
 46        .o-mouseoverGrey {
 47            background: white;
 48            cursor: pointer;
 49        }
 50
 51        .o-mouseoverGrey:hover {
 52            background: #cccccc;
 53        }
 54    </style>
 55</head>
 56
 57<body>
 58
 59
 60
 61
 62    <nav>
 63        <div class="nav-wrapper teal lighten-2">
 64            <a href="#" class="brand-logo">goBlockchainDataAnalysis</a>
 65            <ul id="nav-mobile" class="right hide-on-med-and-down">
 66                <li><a href="https://github.com/arnaucode/goBlockchainDataAnalysis" target="_blank"><b>Code</b></a></li>
 67            </ul>
 68        </div>
 69    </nav>
 70
 71
 72    <div class="row" ng-app="webApp" ng-controller="webCtrl">
 73
 74        <div class="col s3 o-height600">
 75
 76            <b>Comptes:</b><br>
 77            <div class="input-field col s12">
 78                <i class="material-icons prefix">search</i>
 79                <input ng-model="userfilter" id="search" type="text" class="validate">
 80                <label for="search">Search...</label>
 81            </div>
 82            <ul class="collection o-overflowScroll o-height500">
 83                <li ng-click="clickUser(node)" class="collection-item o-mouseoverGrey" ng-repeat="node in nodes">
 84                    <img ng-src="{{node.image}}" alt="" class="circle">
 85                    <span class="title">{{node.id}}</title>
 86                <i class="material-icons">launch</i>
 87              </a>
 88          </li>
 89        </ul>
 90      </div>
 91      <div id="mynetwork" class="col s9">
 92      </div>
 93    </div>
 94    <div class="row">
 95    </div>
 96
 97      <!--Import jQuery before materialize.js-->
 98      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
 99      <script type="text/javascript" src="bower_components/materialize/dist/js/materialize.min.js"></script>
100
101      <!--<script src="/socket.io/socket.io.js"></script>-->
102
103      <!-- Angular js -->
104      <script src="bower_components/angular/angular.js"></script>
105      <script src="bower_components/angular-route/angular-route.js"></script>
106
107      <!-- Angular Chart -->
108      <script src="bower_components/chart.js/dist/Chart.min.js"></script>
109      <script src="bower_components/angular-chart.js/dist/angular-chart.min.js"></script>
110
111      <link type="text/css" rel="stylesheet" href="bower_components/toastr/toastr.css"/>
112      <script type="text/javascript" src="bower_components/toastr/toastr.js"></script>
113
114      <script type="text/javascript" src="controllers.js"></script>
115    </body>
116  </html>