aboutsummaryrefslogtreecommitdiff
path: root/wallet-installation.html
blob: 9a20159ebe207adb5ccbfc6a7941e7df82a69493 (plain) (blame)
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
<!DOCTYPE html>
<html lang="en">
<head profile="http://www.w3.org/2005/10/profile">
  <meta charset="utf-8"/>
  <title>Taler Wallet Installation</title>
  <link rel="icon" type="image/png" href="/web-common/favicon-taler.ico" />
  <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/millncjiddlpgdmkklmhfadpacifaonc" />
  <script src="web-common/taler-wallet-lib.js" type="text/javascript"></script>

  <script type="application/javascript">
    /*
    @licstart  The following is the entire license notice for the
    JavaScript code in this page.

    Copyright (C) 2015 GNUnet e.V.

    The JavaScript code in this page is free software: you can
    redistribute it and/or modify it under the terms of the GNU
    Lesser General Public License (GNU LGPL) as published by the Free Software
    Foundation, either version 2.1 of the License, or (at your option)
    any later version.  The code is distributed WITHOUT ANY WARRANTY;
    without even the implied warranty of MERCHANTABILITY or FITNESS
    FOR A PARTICULAR PURPOSE.  See the GNU LGPL for more details.

    As additional permission under GNU LGPL version 2.1 section 7, you
    may distribute non-source (e.g., minimized or compacted) forms of
    that code without the copy of the GNU LGPL normally required by
    section 4, provided you include this license notice and a URL
    through which recipients can access the Corresponding Source.

    @licend  The above is the entire license notice
    for the JavaScript code in this page.
    */

    function onSuccess() {
      console.log("installation successful");
      document.getElementById("install-result").innerText = "(installation was successful)";
    }

    function onFailure(detail) {
      console.error("installation failed:", detail);
      document.getElementById("install-result").innerText = "(failed: " + detail + ")";
    }

    function installWallet() {
      chrome.webstore.install("https://chrome.google.com/webstore/detail/millncjiddlpgdmkklmhfadpacifaonc", onSuccess, onFailure);
    }

    taler.onPresent(function () {
      document.getElementById("box-present").style.display = "inherit";
      document.getElementById("box-not-present").style.display = "none";
    });
    taler.onAbsent(function () {
      document.getElementById("box-present").style.display = "none";
      document.getElementById("box-not-present").style.display = "inherit";
    });
  </script>

  <style type="text/css">
    .greenbox {
      background-color: #5EFF64;
      border: solid;
      border-radius: 5px;
      padding: 0.5em;
    }
    .bluebox {
        background-color: #C2C6FF;
        border: solid;
        border-radius: 5px;
        padding: 0.5em;
    }
  </style>
</head>

<body>
  <h1>Install the Taler wallet</h1>

  <main style="display:inline-block;">
  <p>
    <ul>
      <li>from the app store for
        <a href="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc">Google
          Chrome and Chromium</a>
      </li>
      <li id="inline-install-chrome">from this page:
        <button onclick="installWallet()" id="install-button">
          install now
        </button><div id="install-result"></div>
      </li>
    </ul>
    Wallets for other browsers will be provided in the near future.
  </p>
  <p class="greenbox" id="box-present" style="display:none">
    Congratulations, you have installed the Taler wallet.
    Check out the <a href="https://demo.taler.net/">demo</a>.
  </p>
  <p class="bluebox" id="box-not-present" style="display:none">
    You don't have a wallet installed yet. 
  </p>
  </main>
</body>
</html>