Skip to content

Commit

Permalink
Show delivery Info and total when clicked
Browse files Browse the repository at this point in the history
  • Loading branch information
@dedanade
dedanade authored Apr 8, 2021
1 parent aced42f commit 917cf0e
Showing 1 changed file with 143 additions and 102 deletions.
245 changes: 143 additions & 102 deletions embed-js.js
View file
Original file line number Diff line number Diff line change
@@ -1,132 +1,173 @@

const newVariantPrice = (document.getElementById('product-variant-price')|| {})
const onePriceQty = (document.getElementById("product_price_hidden") || {})
.value;

if (newVariantPrice != ""){
const selectPromoPrice = document.getElementById('selectPromoPrice');
const container = document.getElementById('variant_price_Quanity_container');
container.style.display = 'block';
const select = container.querySelector('select');
select.setAttribute("required", "");
const PromoQtyArray = newVariantPrice.split(',');
const newPromoQtyArray = PromoQtyArray.filter(e => e !== ' = ₦');
if (onePriceQty > 0) {
const container = document.getElementById("one_price_container");
const justify_delivery_info = document.getElementById("all-del-info");
container.style.display = "block";
justify_delivery_info.style.display = "none";
const input = container.querySelector("input");
input.setAttribute("required", "");
$("#show_Product_Quantity").on("keyup click", function () {
const tot = $("#product_price_hidden").val() * this.value;
const total = `That's ₦${tot.toLocaleString()}`;
$("#show_Product_total").val(total);
});
} else {
const newVariantPrice = document.getElementById("product-variant-price")
.value;
const selectPromoPrice = document.getElementById("selectPromoPrice");
const container = document.getElementById("variant_price_Quanity_container");
container.style.display = "block";
const select = container.querySelector("select");
select.setAttribute("required", "");
const PromoQtyArray = newVariantPrice.split(",");
const newPromoQtyArray = PromoQtyArray.filter((e) => e !== " = ₦");
for (var i = 0; i < newPromoQtyArray.length; i++) {
var opt = newPromoQtyArray[i];
var el = document.createElement('option');
var el = document.createElement("option");
el.textContent = opt;
el.value = opt;
selectPromoPrice.appendChild(el);
}
selectPromoPrice.addEventListener("change", (e) => {
const justify_delivery_info = document.getElementById("all-del-info");
justify_delivery_info.style.display = "block";
const promoPriceValue = e.target.value.split("= ₦")[1];
const locPromoPriceValue = parseInt(promoPriceValue);
const deliveryTotalInfo = document.getElementById("show_total_price");
deliveryTotalInfo.innerHTML = `₦${locPromoPriceValue.toLocaleString()}`;
// console.log(locPromoPriceValue);
});
}
const onePriceQty = (document.getElementById('product_price_hidden')|| {})
.value;
if (onePriceQty > 0 ){
const container = document.getElementById('one_price_container');
container.style.display = 'block';
const input = container.querySelector('input');
input.setAttribute("required", "");
$('#show_Product_Quantity').on('keyup click', function() {
const tot = $('#product_price_hidden').val() * this.value;
const total = `That's ₦${tot.toLocaleString()}`;
$('#show_Product_total').val(total);
});
};

const newVariantColours = (document.getElementById('product-variant-color')|| {})
.value;
const newVariantColours = (
document.getElementById("product-variant-color") || {}
).value;

if(newVariantColours != ""){
const container = document.getElementById('variant_colours_container');
container.style.display = 'block';
const select = container.querySelector('select');
select.setAttribute("required", "");
const selectColours = document.getElementById('selectColours');
const coloursOptions = newVariantColours.split(',');
if (newVariantColours != "") {
const container = document.getElementById("variant_colours_container");
container.style.display = "block";
const select = container.querySelector("select");
select.setAttribute("required", "");
const selectColours = document.getElementById("selectColours");
const coloursOptions = newVariantColours.split(",");
for (var i = 0; i < coloursOptions.length; i++) {
var opt = coloursOptions[i];
var el = document.createElement('option');
var el = document.createElement("option");
el.textContent = opt;
el.value = opt;
selectColours.appendChild(el);
}
}

const newVariantSizes = (document.getElementById('product-variant-size')|| {})
const newVariantSizes = (document.getElementById("product-variant-size") || {})
.value;
if(newVariantSizes != ""){
const container = document.getElementById('variant_size_container');
container.style.display = 'block';
const select = container.querySelector('select');
select.setAttribute("required", "");
const selectSizes = document.getElementById('selectSizes');
const sizesOptions = newVariantSizes.split(',');
if (newVariantSizes != "") {
const container = document.getElementById("variant_size_container");
container.style.display = "block";
const select = container.querySelector("select");
select.setAttribute("required", "");
const selectSizes = document.getElementById("selectSizes");
const sizesOptions = newVariantSizes.split(",");
for (var i = 0; i < sizesOptions.length; i++) {
var opt = sizesOptions[i];
var el = document.createElement('option');
var el = document.createElement("option");
el.textContent = opt;
el.value = opt;
selectSizes.appendChild(el);
}
}
}

const creaEmbedOrderForm = document.querySelector('.embed-order-form');
const creaEmbedOrderForm = document.querySelector(".embed-order-form");
if (creaEmbedOrderForm)
creaEmbedOrderForm.addEventListener('submit', (e) =>{
creaEmbedOrderForm.addEventListener("submit", (e) => {
e.preventDefault();
const submitButton = creaEmbedOrderForm.querySelector('[type="submit"]');;
const email = (document.getElementById('embedEmail') || {}).value;
const name = (document.getElementById('embedName') || {}).value;
const address = (document.getElementById('embedAddress') || {}).value;
const state = (document.getElementById('embedState') || {}).value;
const area = (document.getElementById('embedArea') || {}).value;
const phone = (document.getElementById('embedPhone') || {}).value;
const altphone = (document.getElementById('embedPhone2') || {}).value;
const qty = (document.getElementById('embedQty') || {}).value;
const size = (selectSizes.options[selectSizes.selectedIndex] || {}).value;
const colour = (selectColours.options[selectColours.selectedIndex] ||{}).value;
const product = (document.getElementById('embedProduct') || {}).value;
const businessAccount = (document.getElementById('embedBusinessAccount') || {}).value;
const submitButton = creaEmbedOrderForm.querySelector('[type="submit"]');
const email = (document.getElementById("embedEmail") || {}).value;
const name = (document.getElementById("embedName") || {}).value;
const address = (document.getElementById("embedAddress") || {}).value;
const state = (document.getElementById("embedState") || {}).value;
const area = (document.getElementById("embedArea") || {}).value;
const phone = (document.getElementById("embedPhone") || {}).value;
const altphone = (document.getElementById("embedPhone2") || {}).value;
const qty = (document.getElementById("embedQty") || {}).value;
const size = (selectSizes.options[selectSizes.selectedIndex] || {}).value;
const colour = (selectColours.options[selectColours.selectedIndex] || {})
.value;
const product = (document.getElementById("embedProduct") || {}).value;
const businessAccount = (
document.getElementById("embedBusinessAccount") || {}
).value;

const onePriceQty = (document.getElementById('product_price_hidden')|| {})
.value;
const onePriceQty = (document.getElementById("product_price_hidden") || {})
.value;

if (onePriceQty > 0) {
var productEmbedQty = document.getElementById('show_Product_Quantity').value;
const total = document
.getElementById('show_Product_total')
.value.replace('₦', ' ')
.replace(/\D/g, '');
var productEmbedTotal = parseInt(total);
} else {
var productQtyValue = document.getElementById('selectPromoPrice').value;
var productEmbedQty = productQtyValue.split('=')[0].replace(/^\s+|\s+$/gm, '');
const total = productQtyValue.split('= ₦')[1];
var productEmbedTotal = parseInt(total);
}
if (onePriceQty > 0) {
var productEmbedQty = document.getElementById("show_Product_Quantity")
.value;
const total = document
.getElementById("show_Product_total")
.value.replace("₦", " ")
.replace(/\D/g, "");
var productEmbedTotal = parseInt(total);
} else {
var productQtyValue = document.getElementById("selectPromoPrice").value;
var productEmbedQty = productQtyValue
.split("=")[0]
.replace(/^\s+|\s+$/gm, "");
const total = productQtyValue.split("= ₦")[1];
var productEmbedTotal = parseInt(total);
}

submitButton.classList.add('btnLoadingSpiner');
submitButton.disabled = true;
setTimeout(() => {
submitButton.classList.remove('btnLoadingSpiner'), submitButton.disabled=false;
}, 200000);
createOrderAPI(businessAccount, product, name,
email, address, state, area, phone, altphone, productEmbedQty,
productEmbedTotal, colour, size, submitButton)
});
submitButton.classList.add("btnLoadingSpiner");
submitButton.disabled = true;
setTimeout(() => {
submitButton.classList.remove("btnLoadingSpiner"),
(submitButton.disabled = false);
}, 200000);
createOrderAPI(
businessAccount,
product,
name,
email,
address,
state,
area,
phone,
altphone,
productEmbedQty,
productEmbedTotal,
colour,
size,
submitButton
);
});

const stopLoadingBtnSpinner = (submitButton) => {
submitButton.classList.remove('btnLoadingSpiner');
const stopLoadingBtnSpinner = (submitButton) => {
submitButton.classList.remove("btnLoadingSpiner");
submitButton.disabled = false;
}

};

const createOrderAPI = async(businessAccount, product, name,
email, address, state, area, phone, altphone, qty,
total, colour, size, submitButton) => {
try{
const res = await axios({
method: 'POST',
url:'https://rirapay.com/api/v1/orders',
const createOrderAPI = async (
businessAccount,
product,
name,
email,
address,
state,
area,
phone,
altphone,
qty,
total,
colour,
size,
submitButton
) => {
try {
const res = await axios({
method: "POST",
url: "https://rirapay.com/api/v1/orders",
data: {
businessAccount,
product,
Expand All @@ -140,17 +181,17 @@ const res = await axios({
qty,
total,
colour,
size
}
size,
},
});

const orderId = res.data.data.newOrder._id;

if (res.data.status === 'success') {
if (res.data.status === "success") {
const orderId = res.data.data.newOrder._id;
const thankYouPage = res.data.data.product.facebookPixel.thankYouPage;
if (thankYouPage) {
if (thankYouPage.indexOf('http') === -1) {
if (thankYouPage.indexOf("http") === -1) {
window.location.assign(
`http://${thankYouPage}?riraEmbedId=${orderId}`
);
Expand All @@ -163,8 +204,8 @@ const res = await axios({
}
} catch (err) {
stopLoadingBtnSpinner(submitButton);
if (err.response) {
if (err.response) {
alert(err.response.data.message);
} else alert(`Unable to create this order, kindly retry.Thanks`);
};
} else alert(`Unable to create this order, kindly retry. Thanks`);
}
};

0 comments on commit 917cf0e

Please sign in to comment.