work on payment code

snippets/abos.html

@@ -1,50 +0,0 @@
-{{define "body_content"}}
-<p class="title is-4">Abos</p>
-<p>Hier k&ouml;nnen blablabla...</p>
-<div class="columns is-marginless">
-  <div class="column is-full"></div>
-</div>
-{{ if ne .UserName "" }}
-{{range .LastMetrics}}
-<div class="columns is-vcentered is-marginless">
-  <div class="column is-full has-background-primary">
-    <span id="alias_{{.Deveui}}" class="is-size-7-mobile is-size-4-tablet">{{.Alias}} (bis 01.01.2099)</span>
-    <div class="select is-pulled-right is-vcentered is-size-7-mobile">
-      <select class="has-background-light">
-        <option>keine</option>
-        <option>1 Jahr</option>
-        <option>2 Jahre</option>
-        <option>3 Jahre</option>
-      </select>
-    </div>
-  </div>
-</div>
-<div class="columns">
-  <div class="column is-full"></div>
-</div>
-{{end}}
-<div>
-<button id="pay-button" class="button is-success">Pay</button>
-</div>
-
-<script src="https://js.stripe.com/v3/"></script>
-
-<script>
-
-var stripe = Stripe('pk_test_YkSGqH3Tk9WKK9HrlY63GhAg');
-
-$("#pay-button").click(function() {
-  stripe.redirectToCheckout({
-    sessionId: '{{.CheckoutSessionID}}'
-  }).then(function (result) {
-    // If `redirectToCheckout` fails due to a browser or network
-    // error, display the localized error message to your customer
-    // using `result.error.message`.
-  });
-});
-</script>
-
-{{ else }}
-<h4>Bitte zuerst <a href="login.html">einloggen</a></h4>
-{{end}}
-{{end}}

snippets/scales.html

@@ -179,25 +179,11 @@ $(".show-modal").click(function() {
   $("#modal").addClass("is-active");  
 });
 
-$(".abo_pay").click(function() {
-  console.log("pay...");
-  el = $(this).parent().find(".abo_add_years");
-  counter = Number(el.html());
-  if (counter > 0) {
-    $("#cart").addClass("is-active");  
-  }
-});
-
 $("#cart-close").click(function() {
    console.log("blabla");
    $("#cart").removeClass("is-active");
 });
 
-$("#cart-pay").click(function() {
-   console.log("hoopla");
-  $("#cart").removeClass("is-active");
-});
-
 $(".abo_plus").click(function() {
    console.log("abo_plus");
    el = $(this).parent().find(".abo_add_years");
@@ -232,6 +218,15 @@ $(".abo_minus").click(function() {
    }
 });
 
+$(".abo_pay").click(function() {
+  console.log("pay...");
+  el = $(this).parent().find(".abo_add_years");
+  counter = Number(el.html());
+  if (counter > 0) {
+    $("#cart").addClass("is-active");  
+  }
+});
+
 $("#modal-close").click(function() {
    console.log("blabla");
    $("#modal").removeClass("is-active");
@@ -303,6 +298,52 @@ $("#modal-save").click(function() {
   $("#modal").removeClass("is-active");
 });
 
+});
+
+</script>
+
+<script src="https://js.stripe.com/v3/"></script>
+
+<script>
+
+var stripe = Stripe('pk_test_YkSGqH3Tk9WKK9HrlY63GhAg');
+
+$("#cart-pay").click(function() {
+   console.log("hoopla");
+  $("#cart").removeClass("is-active");
+
+  $.ajax({
+    url: "getstripesession",
+    type: "get", //send it through get method
+    dataType: "json",
+    data: { 
+      charge_name: "Abo", 
+      charge_description: "Desription",
+      charge_amount_rappen: 500, 
+      charge_quantity: 1
+    },
+    success: function(response) {
+      console.log('pay success');
+      console.log(response.stripesessionid);
+      console.log('rc: '+response.rc);
+      if (response.rc == 0) {
+        console.log('redirectToCheckout');
+        stripe.redirectToCheckout({
+          sessionId: response.stripesessionid
+        }).then(function (result) {
+          // If `redirectToCheckout` fails due to a browser or network
+          // error, display the localized error message to your customer
+          // using `result.error.message`.
+        });
+      }
+    },
+    error: function(xhr) {
+      console.log('getstripesession error');
+      //Do Something to handle error
+    }
+  });
+
+
 });
 </script>