-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
136 lines (130 loc) · 7.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>CryptoWallet</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div class="container">
<h1 class="center">Crypto Wallet</h1>
<div id="data" class="container">
<div class="form-group">
<h2 class="center">Please fill in the form to start monitoring</h2>
<h6 class="center">Insert the amount of each Crypto You have and the price (in euro) paid for the purchase thereof</h4>
<h6 class="center">Please set to "0" any Crypto You don't have as well as the price thereof!</h4>
<br>
<br>
<form id="formData">
<div class="form-row centered">
<label for="BTCamount" class="col-sm-2"><b>Bitcoin</b></label>
<div class="col-sm-4">
<input type="number" step="0.000001" required id="BTCamount" class="form-control mb-4 mr-sm-4" placeholder="BTC owned"/>
</div>
<div class="col-sm-4">
<input type="number" step="0.01" required id="BTCinvestment" class="form-control mb-4 mr-sm-4" placeholder="€ invested"/>
</div>
</div>
<div class="form-row centered">
<label for="ETHamount" class="col-sm-2"><b>Ethereum</b></label>
<div class="col-sm-4">
<input type="number" step="0.000001" required id="ETHamount" class="form-control mb-4 mr-sm-4" placeholder="ETH owned"/>
</div>
<div class="col-sm-4">
<input type="number" step="0.01" required id="ETHinvestment" class="form-control mb-4 mr-sm-4" placeholder="€ invested"/>
</div>
</div>
<div class="form-row centered">
<label for="LTCamount" class="col-sm-2"><b>Litecoin</b></label>
<div class="col-sm-4">
<input type="number" step="0.000001" required id="LTCamount" class="form-control mb-4 mr-sm-4" placeholder="LTC owned"/>
</div>
<div class="col-sm-4">
<input type="number" step="0.01" required id="LTCinvestment" class="form-control mb-4 mr-sm-4" placeholder="€ invested"/>
</div>
</div>
<div class="form-row centered">
<label for="XRPamount" class="col-sm-2"><b>Ripple</b></label>
<div class="col-sm-4">
<input type="number" step="0.000001" required id="XRPamount" class="form-control mb-4 mr-sm-4" placeholder="XRP owned"/>
</div>
<div class="col-sm-4">
<input type="number" step="0.01" required id="XRPinvestment" class="form-control mb-4 mr-sm-4" placeholder="€ invested"/>
</div>
</div>
<div class="form-row centered">
<label for="BROamount" class="col-sm-2"><b>Bitradio</b></label>
<div class="col-sm-4">
<input type="number" step="0.000001" required id="BROamount" class="form-control mb-4 mr-sm-4" placeholder="BRO owned"/>
</div>
<div class="col-sm-4">
<input type="number" step="0.01" required id="BROinvestment" class="form-control mb-4 mr-sm-4" placeholder="€ invested"/>
</div>
</div>
<div class="form-row centered">
<label for="ETNamount" class="col-sm-2"><b>Electroneum</b></label>
<div class="col-sm-4">
<input type="number" step="0.000001" required id="ETNamount" class="form-control mb-4 mr-sm-4" placeholder="ETN owned"/>
</div>
<div class="col-sm-4">
<input type="number" step="0.01" required id="ETNinvestment" class="form-control mb-4 mr-sm-4" placeholder="€ invested"/>
</div>
</div>
<div class="form-row centered">
<label for="XLMamount" class="col-sm-2"><b>Lumen</b></label>
<div class="col-sm-4">
<input type="number" step="0.000001" required id="XLMamount" class="form-control mb-4 mr-sm-4" placeholder="XLM owned"/>
</div>
<div class="col-sm-4">
<input type="number" step="0.01" required id="XLMinvestment" class="form-control mb-4 mr-sm-4" placeholder="€ invested"/>
</div>
</div>
<div class="form-row centered">
<label for="ADAamount" class="col-sm-2"><b>Cardano</b></label>
<div class="col-sm-4">
<input type="number" step="0.000001" required id="ADAamount" class="form-control mb-4 mr-sm-4" placeholder="ADA owned"/>
</div>
<div class="col-sm-4">
<input type="number" step="0.01" required id="ADAinvestment" class="form-control mb-4 mr-sm-4" placeholder="€ invested"/>
</div>
</div>
<div class="form-row centered">
<label for="ETCamount" class="col-sm-2"><b>Ethereum Classic</b></label>
<div class="col-sm-4">
<input type="number" step="0.000001" required id="ETCamount" class="form-control mb-4 mr-sm-4" placeholder="ETC owned"/>
</div>
<div class="col-sm-4">
<input type="number" step="0.01" required id="ETCinvestment" class="form-control mb-4 mr-sm-4" placeholder="€ invested"/>
</div>
</div>
<div class="form-row centered">
<input type="submit" class="btn btn-primary centered" value="submit" />
</div>
</form>
</div>
</div>
<div class="hidden" id="statistics">
<h2 class="center">Wallet Statistics</h2>
</br>
<div class="center">
<button id="updateWallet" class="btn btn-warning centered">New Wallet</button>
</div>
</br>
<h3 id="actualValue" class="center"></h3>
<table id="table" class="table">
<tr>
<th scope="col">Crypto</th>
<th scope="col">Quantity</th>
<th scope="col">Investment (€)</th>
<th scope="col">Actual value (€)</th>
<th scope="col">Variation</th>
</tr>
</table>
</div>
</div>
<script src="build/bundle.js"></script>
</body>
</html>