diff options
Diffstat (limited to 'wallet.html')
-rw-r--r-- | wallet.html | 185 |
1 files changed, 185 insertions, 0 deletions
diff --git a/wallet.html b/wallet.html new file mode 100644 index 00000000..f2d862d2 --- /dev/null +++ b/wallet.html | |||
@@ -0,0 +1,185 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html> | ||
3 | <head profile="http://www.w3.org/2005/10/profile"> | ||
4 | <meta charset="utf-8"/> | ||
5 | <title>GNU Taler - Wallet</title> | ||
6 | <meta name="description" content=""> | ||
7 | <!--# include file="common/header.inc" --> | ||
8 | |||
9 | <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/millncjiddlpgdmkklmhfadpacifaonc" /> | ||
10 | <script src="web-common/taler-wallet-lib.js" type="text/javascript"></script> | ||
11 | |||
12 | <script type="application/javascript"> | ||
13 | /* | ||
14 | @licstart The following is the entire license notice for the | ||
15 | JavaScript code in this page. | ||
16 | |||
17 | Copyright (C) 2015 GNUnet e.V. | ||
18 | |||
19 | The JavaScript code in this page is free software: you can | ||
20 | redistribute it and/or modify it under the terms of the GNU | ||
21 | Lesser General Public License (GNU LGPL) as published by the Free Software | ||
22 | Foundation, either version 2.1 of the License, or (at your option) | ||
23 | any later version. The code is distributed WITHOUT ANY WARRANTY; | ||
24 | without even the implied warranty of MERCHANTABILITY or FITNESS | ||
25 | FOR A PARTICULAR PURPOSE. See the GNU LGPL for more details. | ||
26 | |||
27 | As additional permission under GNU LGPL version 2.1 section 7, you | ||
28 | may distribute non-source (e.g., minimized or compacted) forms of | ||
29 | that code without the copy of the GNU LGPL normally required by | ||
30 | section 4, provided you include this license notice and a URL | ||
31 | through which recipients can access the Corresponding Source. | ||
32 | |||
33 | @licend The above is the entire license notice | ||
34 | for the JavaScript code in this page. | ||
35 | */ | ||
36 | |||
37 | var chrome_min_version = '49'; | ||
38 | |||
39 | function onSuccess() { | ||
40 | console.log("installation successful"); | ||
41 | document.getElementById("install-result").appendChild(document.createTextNode("Installation was successful.")); | ||
42 | } | ||
43 | |||
44 | function onFailure(detail) { | ||
45 | console.error("installation failed:", detail); | ||
46 | document.getElementById("install-result").appendChild(document.createTextNode("Installation failed: " + detail)); | ||
47 | } | ||
48 | |||
49 | function installWallet() { | ||
50 | if (window.chrome) { | ||
51 | chrome.webstore.install("https://chrome.google.com/webstore/detail/millncjiddlpgdmkklmhfadpacifaonc", onSuccess, onFailure); | ||
52 | } else { | ||
53 | onFailure("Google Chrome or Chromium is required for installation."); | ||
54 | } | ||
55 | } | ||
56 | |||
57 | try { | ||
58 | taler.onPresent(function () { | ||
59 | document.getElementById("box-present").style.display = "inherit"; | ||
60 | document.getElementById("box-not-present").style.display = "none"; | ||
61 | }); | ||
62 | taler.onAbsent(function () { | ||
63 | document.getElementById("box-present").style.display = "none"; | ||
64 | document.getElementById("box-not-present").style.display = "inherit"; | ||
65 | }); | ||
66 | } catch (err) {} | ||
67 | |||
68 | function onLoad() { | ||
69 | if (typeof window.chrome != "object") { | ||
70 | document.getElementById("error-chrome").style.display = "inherit"; | ||
71 | } else { | ||
72 | var m = navigator.userAgent.match(/Chrome\/([0-9.]+)/); | ||
73 | if (null == m || m[1] < chrome_min_version) { | ||
74 | document.getElementById('chrome-min-version').appendChild(document.createTextNode(chrome_min_version)); | ||
75 | document.getElementById('error-chrome-version').style.display = "inherit"; | ||
76 | } | ||
77 | } | ||
78 | } | ||
79 | |||
80 | document.addEventListener('DOMContentLoaded', onLoad); | ||
81 | </script> | ||
82 | |||
83 | <style type="text/css"> | ||
84 | .greenbox { | ||
85 | background-color: #5EFF64; | ||
86 | border: solid; | ||
87 | border-radius: 5px; | ||
88 | padding: 0.5em; | ||
89 | } | ||
90 | .bluebox { | ||
91 | background-color: #C2C6FF; | ||
92 | border: solid; | ||
93 | border-radius: 5px; | ||
94 | padding: 0.5em; | ||
95 | } | ||
96 | .error { | ||
97 | font-style: italic; | ||
98 | display: none; | ||
99 | } | ||
100 | #install-result { | ||
101 | font-weight: bold; | ||
102 | } | ||
103 | |||
104 | main ul li { | ||
105 | margin-bottom: 1em; | ||
106 | } | ||
107 | </style> | ||
108 | </head> | ||
109 | |||
110 | <body class="en" onLoad="loadLang();"> | ||
111 | <div class="container"> | ||
112 | <!--# include file="common/navigation.inc" --> | ||
113 | <!-- Jumbotron --> | ||
114 | <div class="jumbotron"> | ||
115 | <h1 lang="en">Taler Wallet</h1> | ||
116 | </div> | ||
117 | |||
118 | <div class="row"> | ||
119 | <div class="col-lg-6"> | ||
120 | |||
121 | <h2>Google Chrome / Chromium 49+</h2> | ||
122 | |||
123 | <p id="error-chrome" class="error"> | ||
124 | <a href="https://www.google.com/chrome">Google Chrome</a> or <a href="https://www.chromium.org/">Chromium</a> | ||
125 | is required, but it appears you don't have it installed. | ||
126 | </p> | ||
127 | <p id="error-chrome-version" class="error"> | ||
128 | <a href="https://www.google.com/chrome">Google Chrome</a> or <a href="https://www.chromium.org/">Chromium</a> | ||
129 | version <span id="chrome-min-version"></span> or newer is required, but it appears you have an older version.</p> | ||
130 | <ul> | ||
131 | <li> | ||
132 | <a href="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc">Install from the Chrome Web Store</a> | ||
133 | </li> | ||
134 | <li id="inline-install-chrome"> | ||
135 | <button onclick="installWallet()" id="install-button"> | ||
136 | Install from this page | ||
137 | </button> | ||
138 | <div id="install-result"></div> | ||
139 | </li> | ||
140 | </ul> | ||
141 | </div> <!-- /col-lg-6 --> | ||
142 | |||
143 | <div class="col-lg-6"> | ||
144 | <h2>Firefox 50+</h2> | ||
145 | |||
146 | <p>The add-on is currently in the process of being signed by Mozilla, | ||
147 | until then it can be installed the following way:</p> | ||
148 | |||
149 | <h3>Firefox Beta</h3> | ||
150 | <ol> | ||
151 | <li><a href="/releases/taler-wallet/taler-wallet-stable.xpi">Download the wallet</a> (right click, Save Link As...)</li> | ||
152 | <li>On the <code>about:debugging</code> page, "Load temporary extension"</li> | ||
153 | </ol> | ||
154 | |||
155 | <h3>Firefox Developer Edition</h3> | ||
156 | <p>Either from the <code>about:debugging</code> page like above, or:</p> | ||
157 | <ol> | ||
158 | <li>On the <code>about:config</code> page set <code>xpinstall.signatures.required</code> to <code>false</code></li> | ||
159 | <li><a href="/releases/taler-wallet/taler-wallet-stable.xpi">Install the wallet</a></li> | ||
160 | </ol> | ||
161 | |||
162 | </div> <!-- /col-lg-6 --> | ||
163 | |||
164 | </div> <!-- /row --> | ||
165 | |||
166 | <div class="row"> | ||
167 | |||
168 | <div class="col-lg-6"> | ||
169 | <h2>Other browsers</h2> | ||
170 | <p>Wallets for other browsers will be provided in the near future.</p> | ||
171 | <p class="greenbox" id="box-present" style="display:none"> | ||
172 | Congratulations, you have installed the Taler wallet. | ||
173 | Check out the <a href="https://demo.taler.net/">demo</a>. | ||
174 | </p> | ||
175 | <p class="bluebox" id="box-not-present" style="display:none"> | ||
176 | You don't have a wallet installed yet. | ||
177 | </p> | ||
178 | |||
179 | </div> <!-- /col-lg-6 --> | ||
180 | </div> <!-- /row --> | ||
181 | |||
182 | <!--# include file="common/footer.inc" --> | ||
183 | </div> <!-- /container --> | ||
184 | </body> | ||
185 | </html> | ||