darkID-prototype/clientApp/GUI/views/main/main.html
clientApp/GUI/views/main/main.htmlRaw
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 pull-right c_o_pink300">Create new ID</div>
10 <h4 class="card-title">
11 My IDs
12 </h4>
13 <div class="card" ng-repeat="id in ids" style="overflow-x:hidden;">
14 <div class="card-body">
15 <h4>{{id.id}}</h4>
16 <span class="pull-right">{{id.date | date: "dd.MM.y, HH:mm:ss"}}h</span>
17
18 <span class="badge c_o_red300" ng-show="!id.verified">Not verified</span>
19 <span class="badge c_o_green300" ng-show="id.verified">Verified</span>
20 <span class="badge c_o_orange300" ng-show="!id.unblindedsig">Not signed</span>
21 <span class="badge c_o_blue300" ng-show="id.unblindedsig">Signed</span>
22 <span class="badge c_o_deepPurple300" ng-show="id.blockchainref">in Blockchain</span>
23 <div class="row">
24 <div class="col-sm-6">
25 <div ng-click="clientApp('blindandsendtosign', id.id)" ng-show="!id.unblindedsig" class="btn btn-raised btn-sm c_o_cyan300">Send to serverIDsigner</div>
26 <div ng-click="clientApp('addtoblockchain', id.id)" ng-show="id.unblindedsig && !id.blockchainref" class="btn btn-raised btn-sm c_o_deepPurple300">Add to blockchain</div>
27 <a ng-href="#!/id/{{id.id}}" ng-show="id.blockchainref" class="btn btn-raised btn-sm c_o_green300">Use ID</a>
28 </div>
29 <div class="col-sm-6">
30 <!--<div ng-click="verify(id.id)" ng-show="!id.verified"class="btn btn-sm btn-raised c_o_deepPurple300 pull-right">Verify</div>-->
31
32 <div ng-click="clientApp('delete', id.id)" class="btn btn-raised pull-right btn-sm c_o_red300">
33 <i title="Delete" class="fa fa-trash fa-1x"></i>
34 </div>
35 </div>
36 </div>
37 </div>
38 </div>
39
40 <div class="row">
41 <div class="progress progress-striped" ng-show="generatingID">
42 <div class="progress-bar progress-bar-success active" style="width: 100%"></div>
43 </div>
44 </div>
45 </div>
46 </div>
47 </div>
48 <div class="col-sm-2">
49
50 </div>
51
52 </div>
53</div>