summaryrefslogtreecommitdiff
path: root/template/wallet.html.j2
diff options
context:
space:
mode:
Diffstat (limited to 'template/wallet.html.j2')
-rw-r--r--template/wallet.html.j2192
1 files changed, 192 insertions, 0 deletions
diff --git a/template/wallet.html.j2 b/template/wallet.html.j2
new file mode 100644
index 00000000..c18fc4ef
--- /dev/null
+++ b/template/wallet.html.j2
@@ -0,0 +1,192 @@
+{% extends "common/base.j2" %}
+
+{% block head_content %}
+<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.
+*/
+
+var chrome_min_version = '51';
+
+function installWallet() {
+ if (window.chrome) {
+ chrome.webstore.install("https://chrome.google.com/webstore/detail/millncjiddlpgdmkklmhfadpacifaonc", onSuccess, onFailure);
+ } else {
+ onFailure("Google Chrome or Chromium is required for installation.");
+ }
+}
+
+try {
+ 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";
+ });
+} catch (err) {}
+
+function onLoad() {
+ if (typeof window.chrome != "object") {
+ document.getElementById("error-chrome").style.display = "inherit";
+ } else {
+ var m = navigator.userAgent.match(/Chrome\/([0-9.]+)/);
+ if (null == m || m[1] < chrome_min_version) {
+ document.getElementById('chrome-min-version').appendChild(document.createTextNode(chrome_min_version));
+ document.getElementById('error-chrome-version').style.display = "inherit";
+ }
+ }
+}
+
+document.addEventListener('DOMContentLoaded', onLoad);
+</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;
+ }
+ .error {
+ font-style: italic;
+ display: none;
+ }
+ #install-result {
+ font-weight: bold;
+ }
+
+ main ul li {
+ margin-bottom: 1em;
+ }
+</style>
+{% endblock head_content %}
+
+{% block body_content %}
+ <!-- Jumbotron -->
+ <div class="jumbotron">
+ <div class="text-center">
+ <h1 lang="en">Taler Wallet</h1>
+ </div>
+ </div>
+
+ <div class="container">
+
+ <div class="row">
+ <div class="col-lg-12">
+ <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>
+ </div> <!-- /col-lg-12 -->
+ </div> <!-- /row -->
+
+ <div class="row">
+ <div class="col-lg-12">
+ Install the wallet for your browser below, then check out the
+ <a href="https://demo.taler.net">demonstration</a>.
+ </div>
+ </div> <!-- /row -->
+
+ <div class="row">
+ <div class="col-lg-6">
+ <h2><a href="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc">Google Chrome / Chromium 51+</a></h2>
+
+ <p id="error-chrome" class="error">
+ <a href="https://www.google.com/chrome">Google Chrome</a> or <a href="https://www.chromium.org/">Chromium</a>
+ is required, but it appears you don't have it installed.
+ </p>
+ <p id="error-chrome-version" class="error">
+ <a href="https://www.google.com/chrome">Google Chrome</a> or <a href="https://www.chromium.org/">Chromium</a>
+ version <span id="chrome-min-version"></span> or newer is required, but it appears you have an older version.</p>
+ <div id="inline-install-chrome">
+ <form target="_blank" action="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc">
+ <button action="submit">
+ Install wallet
+ </button>
+ </form>
+ <noscript>
+ <em style="color:darkred;">JavaScript is disabled, installation won't work.</em>
+ </noscript>
+ <div id="install-result"></div>
+ </div>
+ </div> <!-- /col-lg-6 -->
+
+ <div class="col-lg-6">
+ <h2><a href="https://addons.mozilla.org/en-US/firefox/addon/taler-wallet/">Mozilla Firefox 57+</a></h2>
+ <div id="inline-install-chrome">
+ <form action="https://addons.mozilla.org/firefox/downloads/latest/taler-wallet/">
+ <input type="submit" value="Install wallet" />
+ </form>
+ </div>
+
+<!--
+ <h3>Firefox Beta</h3>
+ <ol>
+ <li><a href="/releases/taler-wallet/taler-wallet-stable.xpi">Download the wallet</a> (right click, Save Link As...)</li>
+ <li>On the <code>about:debugging</code> page, "Load temporary extension"</li>
+ </ol>
+
+ <h3>Firefox Developer Edition</h3>
+ <p>Either from the <code>about:debugging</code> page like above, or:</p>
+ <ol>
+ <li>On the <code>about:config</code> page set <code>xpinstall.signatures.required</code> to <code>false</code></li>
+ <li><a href="/releases/taler-wallet/taler-wallet-stable.xpi">Install the wallet</a></li>
+ </ol>
+-->
+ </div> <!-- /col-lg-6 -->
+
+ <div class="col-lg-6">
+ <h2>Opera 36+</h2>
+
+ <ol>
+ <li><a href="https://addons.opera.com/en/extensions/details/download-chrome-extension-9/">Install Download Chrome Extension</a></li>
+ <li><a href="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc">Install GNU Taler</a> from the Chrome Web Store</li>
+ </ol>
+ </div> <!-- /col-lg-6 -->
+
+ </div> <!-- /row -->
+
+ <div class="row">
+
+ <div class="col-lg-6">
+ <h2>Other browsers</h2>
+ <p>Wallets for other browsers will be provided in the near future.</p>
+ </div> <!-- /col-lg-6 -->
+
+ </div> <!-- /row -->
+ </div> <!-- /container -->
+{% endblock body_content %}