bank landing: make taler://withdraw URI a clickable link
This commit is contained in:
parent
b194d443c1
commit
7ddb05f022
1 changed files with 40 additions and 5 deletions
|
|
@ -260,6 +260,30 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
a.meta-uri {
|
||||||
|
display: block;
|
||||||
|
font-size: 0.72rem;
|
||||||
|
color: #5eead4;
|
||||||
|
word-break: break-all;
|
||||||
|
margin: 0.35rem 0 0;
|
||||||
|
text-align: center;
|
||||||
|
max-width: 22rem;
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: 1px solid rgba(94, 234, 212, 0.35);
|
||||||
|
line-height: 1.35;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
a.meta-uri:hover {
|
||||||
|
color: #99f6e4;
|
||||||
|
border-bottom-color: #5eead4;
|
||||||
|
}
|
||||||
|
a.meta-uri.disabled,
|
||||||
|
a.meta-uri[href="#"] {
|
||||||
|
color: var(--muted);
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
cursor: default;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
code {
|
code {
|
||||||
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
||||||
font-size: 0.86em;
|
font-size: 0.86em;
|
||||||
|
|
@ -816,7 +840,7 @@
|
||||||
<a class="cta teal" id="open-withdraw-demo" href="#">
|
<a class="cta teal" id="open-withdraw-demo" href="#">
|
||||||
Open in wallet →
|
Open in wallet →
|
||||||
</a>
|
</a>
|
||||||
<p class="meta" id="withdraw-demo-meta">Preparing withdraw…</p>
|
<a class="meta-uri" id="withdraw-demo-meta" href="#">Preparing withdraw…</a>
|
||||||
<button type="button" class="gen-own-acct" id="generate-own-account">
|
<button type="button" class="gen-own-acct" id="generate-own-account">
|
||||||
Generate own account
|
Generate own account
|
||||||
</button>
|
</button>
|
||||||
|
|
@ -1116,14 +1140,21 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
function setDemoWithdraw(uri, amount) {
|
function setDemoWithdraw(uri, amount) {
|
||||||
uri = String(uri || "").replace(/:443\//g, "/").replace(/:443\?/g, "?");
|
uri = String(uri || "")
|
||||||
|
.replace(/:443\//g, "/")
|
||||||
|
.replace(/:443\?/g, "?");
|
||||||
var open = document.getElementById("open-withdraw-demo");
|
var open = document.getElementById("open-withdraw-demo");
|
||||||
var meta = document.getElementById("withdraw-demo-meta");
|
var meta = document.getElementById("withdraw-demo-meta");
|
||||||
if (open) {
|
if (open) {
|
||||||
open.href = uri;
|
open.href = uri;
|
||||||
open.classList.remove("disabled");
|
open.classList.remove("disabled");
|
||||||
}
|
}
|
||||||
if (meta) meta.textContent = uri;
|
if (meta) {
|
||||||
|
meta.href = uri;
|
||||||
|
meta.textContent = uri;
|
||||||
|
meta.classList.remove("disabled");
|
||||||
|
meta.setAttribute("title", "Open in wallet");
|
||||||
|
}
|
||||||
makeQr(
|
makeQr(
|
||||||
document.getElementById("qr-withdraw-demo"),
|
document.getElementById("qr-withdraw-demo"),
|
||||||
uri,
|
uri,
|
||||||
|
|
@ -1134,9 +1165,13 @@
|
||||||
function loadDemoWithdraw() {
|
function loadDemoWithdraw() {
|
||||||
var meta = document.getElementById("withdraw-demo-meta");
|
var meta = document.getElementById("withdraw-demo-meta");
|
||||||
var open = document.getElementById("open-withdraw-demo");
|
var open = document.getElementById("open-withdraw-demo");
|
||||||
if (meta) meta.textContent = "Preparing community withdraw…";
|
if (meta) {
|
||||||
|
meta.textContent = "Preparing withdraw…";
|
||||||
|
meta.href = "#";
|
||||||
|
meta.classList.add("disabled");
|
||||||
|
}
|
||||||
if (open) {
|
if (open) {
|
||||||
open.removeAttribute("href");
|
open.href = "#";
|
||||||
open.classList.add("disabled");
|
open.classList.add("disabled");
|
||||||
}
|
}
|
||||||
// Prefer live mint (fresh op each time); fall back to static withdraw.uri
|
// Prefer live mint (fresh op each time); fall back to static withdraw.uri
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue