ok

frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/app.js

@@ -1,5 +1,9 @@
-
+function pickpayment(e){
-
+	document.getElementById("dropbtn").innerText=e.target.innerText;
+}
+document.getElementById("paymentMethodCash").addEventListener("click",pickpayment);
+document.getElementById("paymentMethodTransfer").addEventListener("click",pickpayment);
+document.getElementById("paymentMethodBitcoin").addEventListener("click",pickpayment);
 function checkRole() {
     fetch('https://dragonmaster.pl/inz/user', {
         headers: {
@@ -47,9 +51,14 @@ function login() {
         })
         .catch(error => console.log(error))
 }
-
+var invoiceid="";
+var paymentid="";
 
 function tournamentSave() {
+	if(document.getElementById("dropbtn").innerText =="Przelew"){
+		alert("not implemented yet :(");
+		return;
+	}
     fetch('https://dragonmaster.pl/inz/registration', {
         method: "PUT",
         headers: {
@@ -57,7 +66,7 @@ function tournamentSave() {
         },
         body: JSON.stringify(
             {
-                "paymentmethod": "cash",
+                "paymentmethod": document.getElementById("dropbtn").innerText =="Gotówka"?"cash":"btc",
                 "tournament": localStorage.getItem('tournamentId'),
                 "partner": document.getElementById("ID_input").value
             }
@@ -66,14 +75,82 @@ function tournamentSave() {
     )
         .then(res => {
             if (res.ok) {
-                alert("Udało się zapisać!")
+                alert("Udało się zapisać!");
-                window.location.href = '../index.html'
+				 if (document.getElementById("dropbtn").innerText =="Bitcoin") {
+				 }else{
+                window.location.href = '../index.html';
+				 }
             }
             else { console.log("Coś poszło nie tak!") }
             return res
         })
         .then(res => res.json())
+		.then(res => {
+			if (document.getElementById("dropbtn").innerText =="Bitcoin") {
+					 paymentid=res.id;
+					 var splited=res.url.split("/");
+					 invoiceid=splited[splited.length-1];
+					window.btcpay.showInvoice(invoiceid);
+					window.btcpay.onModalWillLeave(process);
+				 }
+		})
         .catch(error => console.log(error))
 }
 
+var counter = 0;
+function process(){
+	document.getElementById("loader").style.display="block";
+	counter = 0;
+	setTimeout(check, 1000);
+}
 
+function check(){
+	    fetch('https://dragonmaster.pl/inz/registration/paymentstatus?id='+paymentid, {
+        method: "GET",
+        headers: {
+            Authorization: ("Bearer " + localStorage.getItem("token"))
+        }
+    }
+    )
+        .then(res => {
+            if (res.ok) {
+            }
+            else { alert("something not work :("); }
+            return res
+        })
+        .then(res => res.json())
+		.then(res => {
+			if (res.status == "DONE" || res.status == "PROCESSING") {
+						document.getElementById("loader").style.display="none";
+						document.getElementById("msg").style.display="block";
+						document.getElementById("msg").innerText="payed";
+						window.location.href = '../index.html';
+			}else{
+				if (res.status == "PENDING" ) {
+				if(counter==5){
+						document.getElementById("loader").style.display="none";
+						document.getElementById("msg").style.display="block";
+						document.getElementById("msg").innerText="you probably closed popup";
+						document.getElementById("reopen").style.display="block";
+					}else{
+					setTimeout(check, 1000);
+					}
+					counter ++;
+				}else{
+						document.getElementById("msg").style.display="block";
+						document.getElementById("msg").innerText=res.status;
+						document.getElementById("reopen").style.display="block";
+
+				}
+			}
+		})
+        .catch(error => console.log(error))
+
+}
+function reopen(){
+							document.getElementById("msg").style.display="none";
+						document.getElementById("reopen").style.display="none";
+	window.btcpay.showInvoice(invoiceid);
+}
+
+document.getElementById("reopen").addEventListener("click",reopen);

frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/index.html

@@ -32,7 +32,7 @@
                     <br>
 
                     <div class="dropdown">
-                        <button class="dropbtn">Gotówka</button>
+                        <button id ="dropbtn" class="dropbtn">Gotówka</button>
                         <div class="dropdown-content">
                             <a id="paymentMethodCash">Gotówka</a>
                             <a id="paymentMethodTransfer">Przelew</a>
@@ -50,11 +50,26 @@
             </div>
 
             <div class="login_footer">
+				<div id="loader" class="loader" style="display:none;">
+				  <div class="dot"></div>
+				  <div class="dot"></div>
+				  <div class="dot"></div>
+				  <div class="dot"></div>
+				  <div class="dot"></div>
 				</div>
+				<div id ="msg" class="loader" style="display:none;">
+				</div>
+					<button class="myButton" id="reopen" style="display:none;">
+                    otwóż ponownie
+                </button>
+
+            </div>
+			
         </div>
 
     </div>
     <script type="text/javascript" src="app.js"></script>
+	<script src ="https://btcpay.dragonmaster.pl/modal/btcpay.js"></script>
 </body>
 
 </html>

frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/style.css

@@ -60,6 +60,7 @@ html {
     padding-top: 1%;
 
     background-color: #ffffff;
+	position: relative;
 }
 
 /*layer 4*/
@@ -166,3 +167,90 @@ a:active {
     font-weight: 600;
     font-size: 28px;
 }
+
+
+    body {
+  margin: 0;
+}
+.loader {
+  position: absolute;
+  left:40%;
+}
+.dot {
+  width: 24px;
+  height: 24px;
+  background: #007c36;
+  border-radius: 100%;
+  display: inline-block;
+  animation: slide 1s infinite;
+}
+.dot:nth-child(1) {
+  animation-delay: 0.1s;
+  background: #007846;
+}
+.dot:nth-child(2) {
+  animation-delay: 0.2s;
+  background: #008c5a;
+}
+.dot:nth-child(3) {
+  animation-delay: 0.3s;
+  background: #00a06e;
+}
+.dot:nth-child(4) {
+  animation-delay: 0.4s;
+  background: #00b482;
+}
+.dot:nth-child(5) {
+  animation-delay: 0.5s;
+  background: #00c896;
+}
+@-moz-keyframes slide {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.3;
+    transform: scale(2);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@-webkit-keyframes slide {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.3;
+    transform: scale(2);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@-o-keyframes slide {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.3;
+    transform: scale(2);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes slide {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.3;
+    transform: scale(2);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+