From 57daf27fddfdcde745112315cca053c9fbdfae3a Mon Sep 17 00:00:00 2001
From: rockstardev <rockstardev@users.noreply.github.com>
Date: Sat, 11 Aug 2018 13:34:52 +0200
Subject: [PATCH] Completion of UI for rest of Pay Button gneerator

---
 BTCPayServer/Views/Apps/PayButton.cshtml   |  55 ++++++++++++++++++++-
 BTCPayServer/wwwroot/img/paywithbtcpay.png | Bin 0 -> 3732 bytes
 2 files changed, 54 insertions(+), 1 deletion(-)
 create mode 100644 BTCPayServer/wwwroot/img/paywithbtcpay.png

diff --git a/BTCPayServer/Views/Apps/PayButton.cshtml b/BTCPayServer/Views/Apps/PayButton.cshtml
index 93d050996..8579d7693 100644
--- a/BTCPayServer/Views/Apps/PayButton.cshtml
+++ b/BTCPayServer/Views/Apps/PayButton.cshtml
@@ -22,7 +22,7 @@
                 <div class="form-row">
                     <div class="form-group col-md-8">
                         <label>Price</label>
-                        <input type="email" class="form-control" id="inputEmail4">
+                        <input type="text" class="form-control" id="inputEmail4">
                     </div>
                     <div class="form-group col-md-4">
                         <label>&nbsp;</label>
@@ -33,6 +33,10 @@
                     <label>Checkout Description</label>
                     <input type="text" class="form-control" id="inputAddress" placeholder="(optional)">
                 </div>
+                <div class="form-group">
+                    <label>Order Id</label>
+                    <input type="text" class="form-control" id="inputAddress" placeholder="(optional)">
+                </div>
                 <div class="form-group">
                     <label>Button Size</label>
                     <div style="vertical-align:top; font-size:12px; display:flex;">
@@ -50,5 +54,54 @@
                 Clicking on the button will redirect customer to checkout.
             </div>
         </div>
+        <hr />
+        <h3>Payment Notifications</h3>
+        <br />
+        <div class="row">
+            <div class="col-lg-6">
+                <div class="form-group">
+                    <label>Server IPN</label>
+                    <input type="text" class="form-control" id="inputAddress" placeholder="(optional)">
+                </div>
+                <div class="form-group">
+                    <label>Send Email Notifications to</label>
+                    <input type="text" class="form-control" id="inputAddress" placeholder="(optional)">
+                </div>
+                <div class="form-group">
+                    <label>Browser Redirect</label>
+                    <input type="text" class="form-control" id="inputAddress" placeholder="(optional)">
+                </div>
+            </div>
+            <div class="col-lg-6">
+                <br />
+                These parameters allow you to influence process after purchase. <i>Server IPN</i> is location we'll query with details.
+                We can also deliver email notification to specified addres.
+                <br /><br />
+                Finally <i>Browser Redirect</i> defines where BtcPayServer will redirect customer after puchase is completed.
+            </div>
+        </div>
+        <hr />
+        <h3>Generated code</h3>
+        <div class="row">
+            <div class="col-lg-8">
+                <pre><code class="html">&lt;form method="POST" action="http://127.0.0.1:14142/apps/3jVExUHqRkGi4eaJEFCTxw5zjk14VAFzoVZXZJ3fbwED/pos"&gt;
+    &lt;input type="hidden" name="amount" value="10" /&gt;
+    &lt;input type="hidden" name="currency" value="USD" /&gt;
+    &lt;button type="submit"&gt;Buy now&lt;/button&gt;
+&lt;/form&gt;
+</code></pre>
+            </div>
+            <div class="col-lg-4">
+                <img src="~/img/paywithbtcpay.png" />
+            </div>
+        </div>
+        <br />
     </div>
 </section>
+
+
+@section Scripts {
+    <link rel="stylesheet" href="~/vendor/highlightjs/default.min.css">
+    <script src="~/vendor/highlightjs/highlight.min.js"></script>
+    <script>hljs.initHighlightingOnLoad();</script>
+}
diff --git a/BTCPayServer/wwwroot/img/paywithbtcpay.png b/BTCPayServer/wwwroot/img/paywithbtcpay.png
new file mode 100644
index 0000000000000000000000000000000000000000..59377e7341908de22712dd4406c04f98a47198a4
GIT binary patch
literal 3732
zcmV;F4r}p=P)<h;3K|Lk000e1NJLTq007Yd0021%1^@s6s4dO_0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU=Hc3Q5RCwC#T?u$oRTlnV(xxq4DJ>KV
zrR>O}#Uibs44}xO0)l{pV1XF~6nEK_0Yn)PWt2rlKSmY>5k(M(Z2;M!mQ{-glmdlP
zpmd}Amb|&=wl5@2(ha0#IDfzMCAsh3_ik?P|IRu8y-gJFuqG&hKw+W60>EG}ERioP
zO4td@LMMyoErcx>)`7>0!6+3e!d?=#l3wUt>-(aZIFZ7Fd3+d*GT|m{fH0k~ol0>y
zcT`vij}3!SAsB_VCMLCI0x=ksf?n7#U2!hNU@$6&AR>{0$AQ79yf@PE7%&(&2PP4N
zag%W3A*fn>`MwE_>K8rV5vkz&O$tt&;c;OSG0F{%K!mR0D*n<z#et&=e%JyW`CZ`w
zViGYb9AAq7yHltt3^)`GNv6nS3RIQHhDpSzFxt0Og#pJ;t5~x|!QO)k3XME2Od>{w
z(WW_>iZgMl@JtGRKA<2kpU0)zL=QX!)dv?6fJG}6BwV$BylF#V!t*M=m}x@)9x6QD
zdCaN<Xag#3`x(GPQ8gGo;6}2Om<-Hbq{Egy3X)QR0Dr*8%eIZTClGcY&?Q`js{w*^
z3UYFJEUO67OrmN;qO^2i{dNTf1;EKz1)Fv$xFoz%9Y3I!k8NA>MEAD=9_ggQNd)G<
z$FKlV6(r)Es2YRvp3S=zY}=<u#g0O_dt2JpBZ7?@tRf*1*cr*PI13958;~NmD@u_T
z7NTO(Xw`0*7gU$Wib=#M6*awSK^E|^BPdWPNF;NZ{Oa`3>57h<Oe&0~8(O)dC~(s2
z<zo?PjZnm&zIbb;$z+mcmT+}(MQvX{k&ETvT57W0YwC15aoro*RY754#V4rfSIKKL
ziAuo7(;Fcz+uWE88P{>_<nb!)Q*dAd*)K=^7~bz0S!enuAKcRGmKKQ7n$c?`RMe|u
zd+hjW;KRi_#9gxAcGS~DF`)Ys$jZr)L^29e<mcyO{f^C8wP_u^JUlUX{5$fI2;<}F
zB`0oXc9tNL9%tgtV)Dl`i$lkncq8Hkv~1iA`33osC<P*kTfTlZw(Q$szGmn459007
zuOU4%13E<qlWLOXzn=OXA1zxX`jTza&*%CKLh|)gY}mEcT-LB&156q7I>x>;9=Z8>
zHf?6VHU*PDdhhNg5fNzJf@Rowa9_~`t`}4^QQv;4%E;8OTW@sf&=LJ!ia?hKI?4X|
zgg13a{96HX68R?E6$f$-L;I?T=&y<iZQJg<jS3d8R>XvMeD3DKO|kcA6qc>~*6fXF
za!z~UO}H3bBmv$MBq2f=1$o|mc`{<+VzK<k)sjR7g+(W?S33Y-zBdos_V2<A?@mCH
z@IcPa287=mihqcSUe~`4mabbR>oy1oMEsQmygl!q@*JwF!q>YdMm+Tlmdu=wp%cf7
zJ{MSd$}xi@5P$Wu6^YJWx&Rk(jS>Ba;ImartlrlHZ9?#HXn2)-qH42FL=%=QWI$K>
zLD0mlDt!Fa=dv%i^=_tDp}0B2t$9teOCnWn)|)Cu4zwju>UCh+JO!VwD4jqAqp=W|
z6R+apl}m_Ah?lne&;h*u{!|R?(MN`Hi783Al9VVzv$XUyTuVuo&#5dqEmhW`yZ*Pr
zbA7n<Q&~>lio&@aQF}3D!WilCnl)@(6aos*L+z;EB|(gY#49)+^9SCTGff`v)3v8n
zAIWn?$DBlNUM}uw(%f85o^i&axfuGy0C;;^CxYWgj>E!lzGM<Pn#6RsCoe#u)3G%>
zkQRAH+R~W|<S{ZLT1k&E{l)Qkb=YWIl0MQ)wzc#o)SkjJ^K~b^C+pEQ={(x`2vnDh
zj%lFloZos_nq_%qVQ>~?39N}4?E(<iL62p#3Z;-x5{IG{yf|Hl-BION;`Da@b&N<w
zp_Z$Qi?#QoT&4tT!`j{tPj?S2S^JIM^AlM<`DO`%>IPcnMD{?Qrc*oXFO?eD<4Jt|
z(|6c<U>64W>}z%G<k=WRMIXi3!NbjE-NGJ%m*~&xO+PY;9OX$`end9?(>XGn3ho{X
zA1^OCv8h}mhh;mO*!IG}^Or8ly4tzvIgyk?H?1uZf$CX?YwNaeDk9kOFQjQ<r*@qB
zB##LKYUjS0oJdgwX*_EntzKQkX4HVY!Gz)nOx%@$<!cp8oTCWOQc;D^HaTxxzajDp
z^2FUgugvz3JlI)yugFsCtlY2$+avdsd9IACOt`tanO_IisVl?3$X^d(s|Xd_w+=xK
zH#e&`<o$YgeiVK_^4qEK%FyTW(elr&1QI4u32#C~AfrjFO=Oz5G|4sZLFJYnKqG-R
z(JeveBH~f5Lm&cCJ&lBPZhNAJ_L}OF(fPG<@|c?Ev?SK82<_rh4R~uqAig>zCXL7^
zlCP<lGFQQp?-fa=ih$I(1_AYCm_*jPX-hoTu?r@RdPU?JOJ&GZ7J};5$H{Xsx8(iN
zxsogty{8|05(keTlj<FLG|G#5bnI%?hC)ITE=G#nsB4FZkR!rAOCf_L?&5Gsn}{?)
zNm$U7GP=vtq}L|!`GgB*5)t8u2=rWrY{iMKJ?xCyUnFFRx<sZf!~4llQS&@>yt=@}
zNfq8h!DsvY5ufFZ!yD3Y;auhJx+Dw`Y3Pnm;hU4*3C)8WOPQJy_wv9^gnZ;d%I{Sb
z6c*YhYn0dY@BX;Rji#C<>_@{pW5T~?nCtwo^*<QaXCT&Y-)Pl#;mUtw#rvPh&w1R;
z$t-c(<Ut}N(g>oFMaxsPu!%ecg=?BOq1Tc;A|#_WM1;}=0V1bV-Nc7LgrPPX`84uY
z7f|%&;$%XLCWT1$aD!iW12VRyBK2&=H_5pe3^JElyk><}IVJaBOrMJZuZ}><^|VsY
zLGrRk4fhHWw@tHq@J#QgBym;oSIfJm80+3x|MO<)c{D+RuKh>sX>;5E?%#=VL;fa3
zikP^w=JM+q=~560yEha^PW;9svhfmjLNG1tB4TJcP)U&I*|~I`JWkIY)zhwF87gXJ
zbPXbx7M4{dNJcQ46!>}=(MS-;&0Bb+LIpm4I)n_ag}8kgIJYOg!h7Vjg;Yz>IuYGK
z$V<_BQE4D`jVATxy+1n^FLZjixEPR~lOv__+O_-;+UmYykwHObRu-l%oQ?fQ51QKy
z>d_Z1f}3E$TeHmK2jy=~gBppOV=sKL<P)oFTu!=bjzpM5<%Bs0I#`ta(}!+J6e0uF
zp?s(;Sz61B$eWRru91kmoufrw?ON0aOAq;{5J;tbM}dFdbr_Sgp*Hmv1kzg&LG<Gx
zPk03yaB5Q;a?%QKibRCO<ZJNv^((Xeu7d~g;*gP8uwt>pI<H5Jky81xAHS8M;`Rf(
z&5N}55a3rEt(vyLl=-ueFFcplM_N-Nk288uguI^RA}bM<!cits1?6r{dZvX~n&_m^
zmGnkLB1hh=WL{)R2zu0r=!key+?c;y-U0u#yh(VL!a^0k$%(jdJX3m_q_}*v=;ec2
zO<b+2`ZjVwXoNpbZArtmlR1@E=LjS+>^bsFneF!+K7dz-jgsNns*P)Hj+469w_8s<
zJ8^9B+fn60Y-t$WtDhX-ZIQd}9{+3a{^%C|FgEVqR;}k~m6M1jzU6KJyWyIsLj-a}
z5+YD(f`V1uV!^^HWE|elmbez79krpHN!toU-l=5hSK50hR}LXOkSV7C@zFQDOK!Rm
zzpYM2!;YS4^spBc3oX^)u0z}YzPRv9CeH3khpEtUe5V(8Zc^tO1qR8r8@kien$OTD
z2g=00q%3W4a+c*KNjTxd8CWuN9s+9z$nY;Ig?21B<H7sdW74RXG5_nuav@g}3=HC!
zBe)t|(EriLF>&q;hjqT+`V%7h4#uWE+hw24=XG*s5>+OobL1%~pCQjuUJ_Lnf41mA
zbHqufqT~)bDnBpsp!5Xcm3sQXt)}%y78K?IZxP;|+?a~2B>Umr>GNmsbdNr0cTd}*
zB)@n<o;n|k=O&Mny96vjirv-ZB-``E#bVGKqcCCQI4qj_fn1{@`JDF0O<Onzdo4T~
z?RYpB?>Kj97Tj2h2~o$7I;=yBvZUORAd!@oBFm^>XXE3l)%>Jig%~0pSKtl><u`Hx
z_7-mjy<OO`;>H?HteA6upX_+)j=WEkZr%uJ?IygEHQDmBOgOsYnnNOKySRx!lzUWW
zN3|trv6L1*vvafM_MVD@`cvM8Qu3ariY|`bKCHas{}rM-C~CJ0M3lr6Iq(xXl5-8k
zhG70J-H^36!){xeu*O?B4{6UFZ5ygADzej{8WZTw3Fq#1kk|2V?uz>D-Qg4D;;>$J
zav={EljtrdOUW?CNkN@fZh|}>@C<OAOy_4Baq(bQxs^Hwlj#5V!%&J6e!Ythb=$fj
z@O}@t`#JuIa?*@QIF^OWzhz4zF_=VmE%bssE;<z{Mgtm#*Fc>RcX;?Zl^V9iAIZX%
z=xh|`ns@-2M0YocJW2UZIGo~v!?_*^?y8rhvWLv81-N)9Q;G}50{(6+CJ{qoXQDTD
zU-LqGfga9+Q1%FPJw9LLJejz5Di^AW$-^XKSYhi`Z<tgCu6o<BEahAt;stq<V{`dS
z8JR>3M<8;L_c3!sJV}npm0?@z`8*yVCK02|4<JS4H?`cPGIvGfI&o21NWa8C`M@M%
zlpEVVPvJqh!@)nT!eB6o7z`#6gTW+XFqlLP27^h&U{ocEcu|7Es632BqEkE$3`V7K
zfk+fB>==&)gHdrWBy6RY6VY#x@V`Ye7!|{8VJ9>aMG0$H{K#N1N(X%{?z6(C&<o4G
ybCer}32P-RM3@JU6@y^|N`DT+LXi8P00RIIegezoi&8@X0000<MNUMnLSTXh$`OJ9

literal 0
HcmV?d00001