1<div class="container">
 2    <div class="row">
 3        <div class="col-sm-2">
 4
 5        </div>
 6        <div class="col-sm-8">
 7            <div class="card">
 8                <div class="card-body">
 9                    <div ng-click="newID()" class="btn btn-raised c_o_pink300">Create new ID</div>
10                </div>
11                <hr>
12                <div class="card-body">
13                    <h4 class="card-title">
14                        My IDs
15                    </h4>
16                    <div class="row" style="height:200px;" ng-repeat="id in ids">
17                        <div class="col-sm-6">
18                            Public Key: {{id.pubK}}
19                            <!--<br> Private Key: {{id.privK}}-->
20                            <br> Date of creation: {{id.date}}
21                            <!--<br> {{id.pubKSigned}}-->
22                            <br>
23                            <br><br>
24                        </div>
25                        <div class="col-sm-6">
26                            <div class="pull-right">
27                                <span class="badge c_o_red300" ng-show="!id.verified">Not verified</span>
28                                <span class="badge c_o_green300" ng-show="id.verified">Verified</span>
29                            </div>
30                            <div class="pull-right">
31                                <span class="badge c_o_orange300" ng-show="!id.pubKSigned">Not signed</span>
32                                <span class="badge c_o_green300" ng-show="id.pubKSigned">Signed</span>
33                            </div>
34                            <div ng-click="blindAndSendToSign(id.pubK)" ng-show="!id.pubKSigned" class="btn btn-sm btn-raised c_o_cyan300 pull-right">Send to serverIDsigner</div>
35                            <div ng-click="verify(id.pubK)"  ng-show="!id.verified"class="btn btn-sm btn-raised c_o_deepPurple300 pull-right">Verify</div>
36                        </div>
37                    </div>
38                </div>
39            </div>
40        </div>
41        <div class="col-sm-2">
42
43        </div>
44
45    </div>
46</div>