Skip to content
Snippets Groups Projects
Commit 85e8b163 authored by Siick's avatar Siick
Browse files

ajout paypal stickers

parent 454f8e28
No related branches found
No related tags found
No related merge requests found
Pipeline #8805 passed
...@@ -8,7 +8,7 @@ before_script: ...@@ -8,7 +8,7 @@ before_script:
- '[[ -f /.dockerenv ]] && echo -e "Host *\n\tStrictHostKeyChecking no\n\n" > ~/.ssh/config' - '[[ -f /.dockerenv ]] && echo -e "Host *\n\tStrictHostKeyChecking no\n\n" > ~/.ssh/config'
deploy_staging: deploy_staging:
type: deploy stage: deploy
environment: environment:
name: production name: production
url: $URL url: $URL
......
...@@ -106,7 +106,17 @@ ...@@ -106,7 +106,17 @@
<h3>Stickers</h3> <h3>Stickers</h3>
<p>Pour coller où tu souhaites ton attachement à Onirik</p> <p>Pour coller où tu souhaites ton attachement à Onirik</p>
<ul class="icons"> <ul class="icons">
1€ <div id="smart-button-container">
<div style="text-align: center;">
<div style="margin-bottom: 0.25rem;">
<p>Stickers</p>
<select id="item-options"><option value="Stickers Blancs X5 (+1 offert)" price="5">Stickers Blancs X5 (+1 offert) - 5 EUR</option><option value="Stickers Noirs X5 (+1 offert)" price="5">Stickers Noirs X5 (+1 offert) - 5 EUR</option><option value="Stickers Blancs X10 (+2 offerts)" price="10">Stickers Blancs X10 (+2 offerts) - 10 EUR</option><option value="Stickers Noirs X5 (+2 offerts)" price="10">Stickers Noirs X5 (+2 offerts) - 10 EUR</option><option value="Stickers Mix Blanc et Noirs X10 (+2 offerts)" price="10">Stickers Mix Blanc et Noirs X10 (+2 offerts) - 10 EUR</option></select>
<select style="visibility: hidden" id="quantitySelect"></select>
</div>
<div id="paypal-button-container"></div>
</div>
</div>
<script src="https://www.paypal.com/sdk/js?client-id=sb&enable-funding=venmo&currency=EUR" data-sdk-integration-source="button-factory"></script>
</ul> </ul>
</section> </section>
<section> <section>
...@@ -140,5 +150,6 @@ ...@@ -140,5 +150,6 @@
<?php include('footer.php'); ?> <?php include('footer.php'); ?>
</div> </div>
<?php include('f_scripts.php'); ?> <?php include('f_scripts.php'); ?>
<?php include('ppstickers_script.php'); ?>
</body> </body>
</html> </html>
\ No newline at end of file
<script>
function initPayPalButton() {
var shipping = 0;
var itemOptions = document.querySelector("#smart-button-container #item-options");
var quantity = parseInt();
var quantitySelect = document.querySelector("#smart-button-container #quantitySelect");
if (!isNaN(quantity)) {
quantitySelect.style.visibility = "visible";
}
var orderDescription = 'Stickers';
if(orderDescription === '') {
orderDescription = 'Item';
}
paypal.Buttons({
style: {
shape: 'pill',
color: 'black',
layout: 'vertical',
label: 'paypal',
},
createOrder: function(data, actions) {
var selectedItemDescription = itemOptions.options[itemOptions.selectedIndex].value;
var selectedItemPrice = parseFloat(itemOptions.options[itemOptions.selectedIndex].getAttribute("price"));
var tax = (0 === 0 || false) ? 0 : (selectedItemPrice * (parseFloat(0)/100));
if(quantitySelect.options.length > 0) {
quantity = parseInt(quantitySelect.options[quantitySelect.selectedIndex].value);
} else {
quantity = 1;
}
tax *= quantity;
tax = Math.round(tax * 100) / 100;
var priceTotal = quantity * selectedItemPrice + parseFloat(shipping) + tax;
priceTotal = Math.round(priceTotal * 100) / 100;
var itemTotalValue = Math.round((selectedItemPrice * quantity) * 100) / 100;
return actions.order.create({
purchase_units: [{
description: orderDescription,
amount: {
currency_code: 'EUR',
value: priceTotal,
breakdown: {
item_total: {
currency_code: 'EUR',
value: itemTotalValue,
},
shipping: {
currency_code: 'EUR',
value: shipping,
},
tax_total: {
currency_code: 'EUR',
value: tax,
}
}
},
items: [{
name: selectedItemDescription,
unit_amount: {
currency_code: 'EUR',
value: selectedItemPrice,
},
quantity: quantity
}]
}]
});
},
onApprove: function(data, actions) {
return actions.order.capture().then(function(orderData) {
// Full available details
console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));
// Show a success message within this page, e.g.
const element = document.getElementById('paypal-button-container');
element.innerHTML = '';
element.innerHTML = '<h3>Thank you for your payment!</h3>';
// Or go to another URL: actions.redirect('thank_you.html');
});
},
onError: function(err) {
console.log(err);
},
}).render('#paypal-button-container');
}
initPayPalButton();
</script>
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment