From fac35b46bbe3a936a5c2cd6d89d1f9de0565c24b Mon Sep 17 00:00:00 2001
From: Andrew Camilleri <evilkukka@gmail.com>
Date: Sat, 24 Oct 2020 16:52:39 +0200
Subject: [PATCH] Display link for Pay button (#2017)

fixes #635
---
 BTCPayServer/Views/Stores/PayButton.cshtml  |  3 +++
 BTCPayServer/wwwroot/paybutton/paybutton.js | 12 +++++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/BTCPayServer/Views/Stores/PayButton.cshtml b/BTCPayServer/Views/Stores/PayButton.cshtml
index d48afa985..e0ee81ece 100644
--- a/BTCPayServer/Views/Stores/PayButton.cshtml
+++ b/BTCPayServer/Views/Stores/PayButton.cshtml
@@ -153,6 +153,9 @@
         <div class="col-lg-5">
             <h4>Preview</h4>
             <div id="preview"></div>
+            <h4 class="mt-2">Link</h4>
+            <span>Alternatively, you can share this link or encode it in a QR code</span>
+            <div id="preview-link"></div>
         </div>
     </div>
     <hr />
diff --git a/BTCPayServer/wwwroot/paybutton/paybutton.js b/BTCPayServer/wwwroot/paybutton/paybutton.js
index e7754dd5d..a826c06d6 100644
--- a/BTCPayServer/wwwroot/paybutton/paybutton.js
+++ b/BTCPayServer/wwwroot/paybutton/paybutton.js
@@ -188,7 +188,17 @@ function inputChanges(event, buttonSize) {
 
     $("#mainCode").text(html).html();
     $("#preview").html(html);
-
+    var form = document.querySelector("#preview form");
+    var url =  new URL(form.getAttribute("action"));
+    var formData =   new FormData(form);
+    formData.forEach((value, key) => {
+        if(key !== "jsonResponse"){
+            url.searchParams.append(key, value);
+        }
+    });
+    url = url.href;
+    $("#preview-link").append(`<a href="${url}">${url}</a>`)
+    
     $('pre code').each(function (i, block) {
         hljs.highlightBlock(block);
     });