1<div class="container">
 2    <div class="row">
 3        <div class="col-md-6">
 4            <div class="card">
 5                <div class="card-body">
 6                    <h4 class="card-title">
 7                        Peers
 8                    </h4>
 9                    {{peerslist.PeerID}}
10                    <div style="max-height: 500px; overflow-y:scroll;">
11                        <div ng-repeat="peer in peerslist.peerslist">
12                            <b>{{peer.id}}</b> - {{peer.role}}
13                            <br>
14                            - {{peer.ip}}:{{peer.port}}, {{peer.restport}}
15                            <hr>
16                        </div>
17                    </div>
18                </div>
19            </div>
20        </div>
21
22        <div class="col-md-6">
23            <div class="card">
24                <div class="card-body">
25                    <h4 class="card-title">
26                        Blockchain
27                    </h4>
28                    <div style="max-height: 500px; overflow-y:scroll;">
29                        <div ng-repeat="block in blockchain.blocks">
30                            Hash: <b>{{block.hash}}</b> - Height: {{block.height}}
31                            <br>
32                            Emitter: {{block.emitter}}
33                            <br>
34                            Date: {{block.date}}
35                            <br>
36                            Data: {{block.data}}
37                            <br>
38                            PreviousHash: {{block.previoushash}}
39                            <br>
40                            NextHash: {{block.nexthash}}
41                            <hr>
42                        </div>
43                    </div>
44                </div>
45            </div>
46        </div>
47    </div>
48</div>