-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathpopup.html
142 lines (115 loc) · 4.88 KB
/
popup.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
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="popup.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap" rel="stylesheet">
<script src="./lib/disable-hide-popup.js"></script>
</head>
<body>
<main id="-woof-wallet-">
<div class="reload-page">↻</div>
<!-- ACCEPT THE PERMISSIONS -->
<div id="grant_permissions_page" class="page">
<h1>Permissions</h1>
<div id="terms">
<p>Woof Wallet needs your permission to access some APIs:</p>
<ol>
<li>dogechain.info to query your utxos</li>
<li>doginals.com to query your ordinals</li>
<li>api.blockchair.com to broadcast transactions</li>
</ol>
<p>The browser will show a pop-up when you click Request.</p>
</div>
<button id="accept_permissions_button">Request</button>
</div>
<!-- ACCEPT THE TERMS -->
<div id="accept_terms_page" class="page">
<h1>Legal stuff</h1>
<div id="terms">
<p>
By using Woof Wallet, you agree:
<ol>
<li>There may still be bugs or security vulnerabilities.</li>
<li>Funds or NFTs could be lost.</li>
<li>You will not store more than you are willing can lose.</li>
<li>You use it at your own risk. The author is not responsible for losses.</li>
<li>The author may update it anytime.</li>
<li>Your will secure your private keys and other credentials.</li>
</ol>
</p>
</div>
<button id="accept_terms_button">Woof</button>
</div>
<!-- MAKE A NEW WALLET -->
<div id="setup_page" class="page">
<h1>Set up stuff</h1>
<button id="new_wallet_button" class="setup_option">I don't have a wallet</button>
<button id="import_wallet_button" class="setup_option">I already have a wallet</button>
</div>
<!-- GENERATE KEYS FOR A NEW WALLET -->
<div id="create_page" class="page">
<h1>Write this down</h1>
<div id="mnemonic"></div>
<button id="create_wallet_ok_button">OK I did</button>
</div>
<!-- IMPORT KEYS FROM AN EXISTING WALLET -->
<div id="import_page" class="page">
<h1>How to import</h1>
<button id="import_private_key_button" class="setup_option">I have a private key</button>
<button id="import_twelve_words_button" class="setup_option">I have 12 words</button>
</div>
<!-- IMPORT A PRIVATE KEY -->
<div id="import_private_key_page" class="page">
<h1>Paste your key</h1>
<textarea id="private_key_textarea"></textarea>
<button id="load_private_key_button">Load</button>
</div>
<!-- IMPORT A MNEMONIC -->
<div id="import_twelve_words_page" class="page">
<h1>Type your 12 words</h1>
<textarea id="twelve_words_textarea"></textarea>
<button id="load_twelve_words_button">Load</button>
</div>
<!-- VIEW ALL DOGINALS -->
<div id="view_wallet_page" class="page">
<div id="header">
<div class="header_row">
<div id="address"></div>
<!-- <div id="copy_address_button" type="copy" title="Copy address to clipboard"></div> -->
</div>
<div class="header_row">
<span id="doge_balance">Loading...</span>
</div>
</div>
<div id="doginals">
Loading...
</div>
</div>
<!-- VIEW A SPECIFIC DOGINAL -->
<div id="view_doginal_page" class="page">
<span id="doginal_inscription_number"></span>
<div id="doginal_content"></div>
<input id="doginal_address_input" placeholder="Enter address here" type="text"></input>
<button id="doginal_send_button">Send</button>
</div>
<!-- AFTER SEND SCREEN -->
<div id="sent_page" class="page">
<h1 id="sent_message"></h1>
<span id="sent_txid"></span>
</div>
<!-- ERROR SCREEN -->
<div id="error_page" class="page">
<h1>Error</h1>
<span id="error_message"></span>
</div>
</main>
</body>
<script src="lib/bitcore-lib-doge.js"></script>
<script src="lib/bitcore-mnemonic.js"></script>
<script src="lib/browser-polyfill.min.js"></script>
<script src="model.js"></script>
<script src="popup.js"></script>
</html>