Skip to content

Commit 9b979b4

Browse files
serenebluesereneblue
committed
update html with proper vuejs syntax
1 parent a9adaeb commit 9b979b4

File tree

2 files changed

+111
-113
lines changed

2 files changed

+111
-113
lines changed

‎docs/index.html‎

Lines changed: 56 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
43
<head>
54
<meta charset="UTF-8">
65
<title>BLT Wallet - Testnet Wallet for Bitcoin & Litecoin</title>
@@ -12,13 +11,12 @@
1211
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js"></script>
1312
<script src="https://rawgit.com/sereneblue/blt-wallet/master/src/js/app.js"></script>
1413
</head>
15-
1614
<body>
1715
<div id="app">
1816
<div id="sidebar" class="ui sidebar inverted vertical menu visible">
1917
<div class="item">
2018
<br/>
21-
<img class="ui centered image" src="https://rawgit.com/sereneblue/blt-wallet/master/src/resources/icon.png">
19+
<img class="ui centered image" src="resources/icon.png">
2220
<div class="ui inverted centered header">BLT Wallet</div>
2321
</div>
2422
<div class="item">
@@ -27,10 +25,10 @@
2725
</div>
2826
<div class="item">
2927
<div class="four ui buttons">
30-
<button :class="color" class="ui basic small icon button" data-tooltip="Create new address" data-position="top left" onclick="app.init(app.current)">
28+
<button :class="color" class="ui basic small icon button" data-tooltip="Create new address" data-position="top left" @click="app.init(app.current)">
3129
<i class="plus icon"></i>
3230
</button>
33-
<button :class="color" class="ui basic small icon button" data-tooltip="Switch Currency" onclick="switchCurrency();">
31+
<button :class="color" class="ui basic small icon button" data-tooltip="Switch Currency" @click="switchCurrency();">
3432
<i class="exchange icon"></i>
3533
</button>
3634
<button :class="color" class="ui basic top left pointing small dropdown icon button" data-tooltip="Change Fiat Currency">
@@ -40,7 +38,7 @@
4038
<div class="header">
4139
Fiat
4240
</div>
43-
<div class="item" v-for="symbol, code in currencies" v-on:click="updateFiat(code)">
41+
<div class="item" v-for="symbol, code in currencies" @click="updateFiat(code)">
4442
{{ symbol }} {{ code }}
4543
</div>
4644
</div>
@@ -53,18 +51,18 @@
5351
<div class="item">
5452
Need some testnet coins?
5553
</div>
56-
<a class="item" v-bind:href="faucet[1]" v-for="faucet in faucets" target="_blank">
57-
{{ faucet[0] }}
58-
</a>
54+
<a class="item" :href="faucet[1]" v-for="faucet in faucets" target="_blank">
55+
{{ faucet[0] }}
56+
</a>
5957
</div>
6058
<div id="horizontal" class="ui inverted menu">
6159
<div class="item">
6260
<div class="ui inverted header">BLT Wallet</div>
6361
<div class="ui four buttons">
64-
<button :class="color" class="ui basic small icon button" data-tooltip="Create new address" data-position="bottom left" onclick="app.init(app.current)">
62+
<button :class="color" class="ui basic small icon button" data-tooltip="Create new address" data-position="bottom left" @click="app.init(app.current)">
6563
<i class="plus icon"></i>
6664
</button>
67-
<button :class="color" class="ui basic small icon button" data-tooltip="Switch Currency" data-position="bottom left" onclick="switchCurrency();">
65+
<button :class="color" class="ui basic small icon button" data-tooltip="Switch Currency" data-position="bottom left" @click="switchCurrency();">
6866
<i class="exchange icon"></i>
6967
</button>
7068
<button :class="color" class="ui basic top left pointing small dropdown icon button" data-tooltip="Change Fiat Currency" data-position="bottom left">
@@ -74,7 +72,7 @@
7472
<div class="header">
7573
Fiat
7674
</div>
77-
<div class="item" v-for="symbol, code in currencies" v-on:click="updateFiat(code)">
75+
<div class="item" v-for="symbol, code in currencies" @click="updateFiat(code)">
7876
{{ symbol }} {{ code }}
7977
</div>
8078
</div>
@@ -86,7 +84,7 @@
8684
<div class="header">
8785
Faucets
8886
</div>
89-
<div class="item" v-bind:href="faucet[1]" v-for="faucet in faucets" target="_blank">
87+
<div class="item" :href="faucet[1]" v-for="faucet in faucets" target="_blank">
9088
{{ faucet[0] }}
9189
</div>
9290
</div>
@@ -99,7 +97,7 @@
9997
<div class="price">
10098
<h1>{{ amount }}</h1>
10199
<h2>{{ fiat_amount }}</h2>
102-
<button :class="color" class="ui button" onclick="showModal()">
100+
<button :class="color" class="ui button" @click="showModal()">
103101
<i class="send outline icon"></i>
104102
Send
105103
</button>
@@ -122,50 +120,50 @@ <h2>Transactions</h2>
122120
<td v-if="tx.vin[0].addr == app.address">
123121
<i class="medium circular inverted red arrow right icon"></i>
124122
<i v-if="tx.confirmations < 1" class="medium hourglass start icon">
125-
</td>
126-
<td v-else>
127-
<i class="medium circular inverted green arrow left icon"></i>
128-
<i v-if="tx.confirmations < 1" class="medium hourglass start icon">
129-
</td>
130-
<td><span v-bind:data-livestamp="tx.time"></span></td>
131-
<td><a v-bind:href="app.baseURL + '/tx/' + tx.txid" target="_blank">{{ tx.txid }}</a></td>
132-
<td v-if="tx.vin[0].addr == app.address" class="negative">-{{ tx.vout[0].value }} {{ symbol }}</td>
133-
<td v-else class="positive">+{{ app.getOutputValue(tx.vout) }} {{ symbol }}</td>
134-
</tr>
135-
</tbody>
136-
</table>
137-
</div>
138-
<audio id="audio" src="https://rawgit.com/sereneblue/blt-wallet/master/src/resources/ding.wav" preload="auto"></audio>
139-
</div>
140-
<div class="ui modal">
141-
<div class="header">Send Coins</div>
142-
<div class="content">
143-
<div class="ui form">
144-
<div class="field">
145-
<label>Amount (A .001 miner fee is deducted from your balance)</label>
146-
<div class="ui action input">
147-
<input id="send-amount" placeholder="Amount..." type="number">
148-
<button class="ui button" onclick="maxAmount()">Max Amount</button>
149-
</div>
150-
</div>
151-
<div class="field">
152-
<label>Recipient Address</label>
153-
<input id="receive-address" placeholder="Address" type="text">
154-
</div>
155-
<button :class="color" class="ui button" id="send-button" onclick="sendTransaction();">
156-
Send
157-
</button>
158-
<button class="ui deny button" onclick="$('.modal').modal('hide');">
159-
Cancel
160-
</button>
161-
<div v-if="msg.title" v-bind:class="msg.status" class="ui message">
162-
<div class="header">{{ msg.title }}</div>
163-
<p>{{ msg.reason }}</p>
164-
</div>
165-
</div>
166-
</div>
167-
</div>
168-
</div>
123+
</td>
124+
<td v-else>
125+
<i class="medium circular inverted green arrow left icon"></i>
126+
<i v-if="tx.confirmations < 1" class="medium hourglass start icon">
127+
</td>
128+
<td><span v-bind:data-livestamp="tx.time"></span></td>
129+
<td><a v-bind:href="app.baseURL + '/tx/' + tx.txid" target="_blank">{{ tx.txid }}</a></td>
130+
<td v-if="tx.vin[0].addr == app.address" class="negative">-{{ tx.vout[0].value }} {{ symbol }}</td>
131+
<td v-else class="positive">+{{ app.getOutputValue(tx.vout) }} {{ symbol }}</td>
132+
</tr>
133+
</tbody>
134+
</table>
135+
</div>
136+
<audio id="audio" src="resources/ding.wav" preload="auto"></audio>
137+
</div>
138+
<div class="ui modal">
139+
<div class="header">Send Coins</div>
140+
<div class="content">
141+
<div class="ui form">
142+
<div class="field">
143+
<label>Amount (A .001 miner fee is deducted from your balance)</label>
144+
<div class="ui action input">
145+
<input id="send-amount" placeholder="Amount..." type="number">
146+
<button class="ui button" @click="maxAmount()">Max Amount</button>
147+
</div>
148+
</div>
149+
<div class="field">
150+
<label>Recipient Address</label>
151+
<input id="receive-address" placeholder="Address" type="text">
152+
</div>
153+
<button :class="color" class="ui button" id="send-button" onclick="sendTransaction();">
154+
Send
155+
</button>
156+
<button class="ui deny button" onclick="$('.modal').modal('hide');">
157+
Cancel
158+
</button>
159+
<div v-if="msg.title" :class="msg.status" class="ui message">
160+
<div class="header">{{ msg.title }}</div>
161+
<p>{{ msg.reason }}</p>
162+
</div>
163+
</div>
164+
</div>
165+
</div>
166+
</div>
169167
</body>
170168
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script>
171169
<script src="https://rawgit.com/sereneblue/blt-wallet/master/src/js/script.js"></script>

‎src/index.html‎

Lines changed: 55 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,10 @@
2727
</div>
2828
<div class="item">
2929
<div class="four ui buttons">
30-
<button :class="color" class="ui basic small icon button" data-tooltip="Create new address" data-position="top left" onclick="app.init(app.current)">
30+
<button :class="color" class="ui basic small icon button" data-tooltip="Create new address" data-position="top left" @click="app.init(app.current)">
3131
<i class="plus icon"></i>
3232
</button>
33-
<button :class="color" class="ui basic small icon button" data-tooltip="Switch Currency" onclick="switchCurrency();">
33+
<button :class="color" class="ui basic small icon button" data-tooltip="Switch Currency" @click="switchCurrency();">
3434
<i class="exchange icon"></i>
3535
</button>
3636
<button :class="color" class="ui basic top left pointing small dropdown icon button" data-tooltip="Change Fiat Currency">
@@ -40,7 +40,7 @@
4040
<div class="header">
4141
Fiat
4242
</div>
43-
<div class="item" v-for="symbol, code in currencies" v-on:click="updateFiat(code)">
43+
<div class="item" v-for="symbol, code in currencies" @click="updateFiat(code)">
4444
{{ symbol }} {{ code }}
4545
</div>
4646
</div>
@@ -53,18 +53,18 @@
5353
<div class="item">
5454
Need some testnet coins?
5555
</div>
56-
<a class="item" v-bind:href="faucet[1]" v-for="faucet in faucets" target="_blank">
57-
{{ faucet[0] }}
58-
</a>
56+
<a class="item" :href="faucet[1]" v-for="faucet in faucets" target="_blank">
57+
{{ faucet[0] }}
58+
</a>
5959
</div>
6060
<div id="horizontal" class="ui inverted menu">
6161
<div class="item">
6262
<div class="ui inverted header">BLT Wallet</div>
6363
<div class="ui four buttons">
64-
<button :class="color" class="ui basic small icon button" data-tooltip="Create new address" data-position="bottom left" onclick="app.init(app.current)">
64+
<button :class="color" class="ui basic small icon button" data-tooltip="Create new address" data-position="bottom left" @click="app.init(app.current)">
6565
<i class="plus icon"></i>
6666
</button>
67-
<button :class="color" class="ui basic small icon button" data-tooltip="Switch Currency" data-position="bottom left" onclick="switchCurrency();">
67+
<button :class="color" class="ui basic small icon button" data-tooltip="Switch Currency" data-position="bottom left" @click="switchCurrency();">
6868
<i class="exchange icon"></i>
6969
</button>
7070
<button :class="color" class="ui basic top left pointing small dropdown icon button" data-tooltip="Change Fiat Currency" data-position="bottom left">
@@ -74,7 +74,7 @@
7474
<div class="header">
7575
Fiat
7676
</div>
77-
<div class="item" v-for="symbol, code in currencies" v-on:click="updateFiat(code)">
77+
<div class="item" v-for="symbol, code in currencies" @click="updateFiat(code)">
7878
{{ symbol }} {{ code }}
7979
</div>
8080
</div>
@@ -86,7 +86,7 @@
8686
<div class="header">
8787
Faucets
8888
</div>
89-
<div class="item" v-bind:href="faucet[1]" v-for="faucet in faucets" target="_blank">
89+
<div class="item" :href="faucet[1]" v-for="faucet in faucets" target="_blank">
9090
{{ faucet[0] }}
9191
</div>
9292
</div>
@@ -99,7 +99,7 @@
9999
<div class="price">
100100
<h1>{{ amount }}</h1>
101101
<h2>{{ fiat_amount }}</h2>
102-
<button :class="color" class="ui button" onclick="showModal()">
102+
<button :class="color" class="ui button" @click="showModal()">
103103
<i class="send outline icon"></i>
104104
Send
105105
</button>
@@ -122,50 +122,50 @@ <h2>Transactions</h2>
122122
<td v-if="tx.vin[0].addr == app.address">
123123
<i class="medium circular inverted red arrow right icon"></i>
124124
<i v-if="tx.confirmations < 1" class="medium hourglass start icon">
125-
</td>
126-
<td v-else>
127-
<i class="medium circular inverted green arrow left icon"></i>
128-
<i v-if="tx.confirmations < 1" class="medium hourglass start icon">
129-
</td>
130-
<td><span v-bind:data-livestamp="tx.time"></span></td>
131-
<td><a v-bind:href="app.baseURL + '/tx/' + tx.txid" target="_blank">{{ tx.txid }}</a></td>
132-
<td v-if="tx.vin[0].addr == app.address" class="negative">-{{ tx.vout[0].value }} {{ symbol }}</td>
133-
<td v-else class="positive">+{{ app.getOutputValue(tx.vout) }} {{ symbol }}</td>
134-
</tr>
135-
</tbody>
136-
</table>
137-
</div>
138-
<audio id="audio" src="resources/ding.wav" preload="auto"></audio>
139-
</div>
140-
<div class="ui modal">
141-
<div class="header">Send Coins</div>
142-
<div class="content">
143-
<div class="ui form">
144-
<div class="field">
145-
<label>Amount (A .001 miner fee is deducted from your balance)</label>
146-
<div class="ui action input">
147-
<input id="send-amount" placeholder="Amount..." type="number">
148-
<button class="ui button" onclick="maxAmount()">Max Amount</button>
149-
</div>
150-
</div>
151-
<div class="field">
152-
<label>Recipient Address</label>
153-
<input id="receive-address" placeholder="Address" type="text">
154-
</div>
155-
<button :class="color" class="ui button" id="send-button" onclick="sendTransaction();">
156-
Send
157-
</button>
158-
<button class="ui deny button" onclick="$('.modal').modal('hide');">
159-
Cancel
160-
</button>
161-
<div v-if="msg.title" v-bind:class="msg.status" class="ui message">
162-
<div class="header">{{ msg.title }}</div>
163-
<p>{{ msg.reason }}</p>
164-
</div>
165-
</div>
166-
</div>
167-
</div>
168-
</div>
125+
</td>
126+
<td v-else>
127+
<i class="medium circular inverted green arrow left icon"></i>
128+
<i v-if="tx.confirmations < 1" class="medium hourglass start icon">
129+
</td>
130+
<td><span v-bind:data-livestamp="tx.time"></span></td>
131+
<td><a v-bind:href="app.baseURL + '/tx/' + tx.txid" target="_blank">{{ tx.txid }}</a></td>
132+
<td v-if="tx.vin[0].addr == app.address" class="negative">-{{ tx.vout[0].value }} {{ symbol }}</td>
133+
<td v-else class="positive">+{{ app.getOutputValue(tx.vout) }} {{ symbol }}</td>
134+
</tr>
135+
</tbody>
136+
</table>
137+
</div>
138+
<audio id="audio" src="resources/ding.wav" preload="auto"></audio>
139+
</div>
140+
<div class="ui modal">
141+
<div class="header">Send Coins</div>
142+
<div class="content">
143+
<div class="ui form">
144+
<div class="field">
145+
<label>Amount (A .001 miner fee is deducted from your balance)</label>
146+
<div class="ui action input">
147+
<input id="send-amount" placeholder="Amount..." type="number">
148+
<button class="ui button" @click="maxAmount()">Max Amount</button>
149+
</div>
150+
</div>
151+
<div class="field">
152+
<label>Recipient Address</label>
153+
<input id="receive-address" placeholder="Address" type="text">
154+
</div>
155+
<button :class="color" class="ui button" id="send-button" onclick="sendTransaction();">
156+
Send
157+
</button>
158+
<button class="ui deny button" onclick="$('.modal').modal('hide');">
159+
Cancel
160+
</button>
161+
<div v-if="msg.title" :class="msg.status" class="ui message">
162+
<div class="header">{{ msg.title }}</div>
163+
<p>{{ msg.reason }}</p>
164+
</div>
165+
</div>
166+
</div>
167+
</div>
168+
</div>
169169
</body>
170170
<script src="js/vue.min.js"></script>
171171
<script src="js/script.js"></script>

0 commit comments

Comments
 (0)