kosmos/akkounts
kosmos/akkounts
8
1
Fork 0
Code Issues 19 Pull Requests 1 Actions Packages Releases 12 Activity

Add button for copying lndhub setup code
All checks were successful
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/pr Build is passing
Details

Browse Source 
closes #37
This commit is contained in:
Basti 2021-12-15 14:54:44 +01:00
parent 2706c76890
commit f1d3e3d8ec
Signed by untrusted user: basti
GPG Key ID: 9F88009D31D99C72
1 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
app/views/wallet/index.html.erb
View File

@ -20,16 +20,18 @@
<section> <section>
<h3>Blue Wallet</h3> <h3>Blue Wallet</h3>
<p> <p class="mb-6">
You can connect You can connect
<%= link_to "Blue Wallet", "https://bluewallet.io", <%= link_to "Blue Wallet", "https://bluewallet.io",
class: "ks-text-link", target: "_blank" %> class: "ks-text-link", target: "_blank" %>
(Android or iOS) to your Kosmos lightning wallet. In order to do so, (Android or iOS) to your Kosmos lightning wallet. In order to do so,
scan the setup QR code from the Import Wallet screen in the app. scan the setup QR code from the Import Wallet screen in the app.
</p> </p>
<p> <p class="mb-6">
<a id="show-setup-code" class="ks-text-link cursor-pointer">Show setup code</a> <button id="show-setup-code" class="btn-sm btn-blue">Show setup code</button>
<a id="hide-setup-code" class="ks-text-link cursor-pointer" style="display: none;">Hide setup code</a> <button id="hide-setup-code" class="btn-sm btn-blue" style="display: none;">Hide setup code</button>
<span class="mx-2">or</span>
<button id="copy-setup-code" class="btn-sm btn-blue">Copy setup code</button>
</p> </p>
<p id="setup-code" style="display: none;"> <p id="setup-code" style="display: none;">
<%= raw @svg %> <%= raw @svg %>
@ -38,24 +40,36 @@
<script type="text/javascript"> <script type="text/javascript">
(function () { (function () {
const linkShow = document.querySelector('#show-setup-code'); const buttonShow = document.querySelector('#show-setup-code');
const linkHide = document.querySelector('#hide-setup-code'); const buttonHide = document.querySelector('#hide-setup-code');
const buttonCopy = document.querySelector('#copy-setup-code');
const setupCode = document.querySelector('#setup-code'); const setupCode = document.querySelector('#setup-code');
linkShow.addEventListener('click', function(ev) { buttonShow.addEventListener('click', function(ev) {
ev.preventDefault(); ev.preventDefault();
setupCode.style.display = 'block'; setupCode.style.display = 'block';
linkShow.style.display = 'none'; buttonShow.style.display = 'none';
linkHide.style.display = 'block'; buttonHide.style.display = 'inline-block';
window.scrollTo(0, document.body.scrollHeight); window.scrollTo(0, document.body.scrollHeight);
}); });
linkHide.addEventListener('click', function(ev) { buttonHide.addEventListener('click', function(ev) {
ev.preventDefault(); ev.preventDefault();
const el = document.querySelector('#setup-code'); const el = document.querySelector('#setup-code');
setupCode.style.display = 'none'; setupCode.style.display = 'none';
linkShow.style.display = 'block'; buttonShow.style.display = 'inline-block';
linkHide.style.display = 'none'; buttonHide.style.display = 'none';
});
buttonCopy.addEventListener('click', function(ev) {
ev.preventDefault();
navigator.clipboard.writeText('<%= @wallet_url %>').then(() => {
const buttonText = buttonCopy.innerText;
buttonCopy.innerText = 'Copied ✔';
setTimeout(() => {
buttonCopy.innerText = buttonText;
}, 2000);
});
}); });
})(); })();
</script> </script>