602 lines
21 KiB
JavaScript
602 lines
21 KiB
JavaScript
/* eslint-disable prefer-arrow-callback, no-var, no-tabs */
|
|
/* globals showNotification, numeral */
|
|
$(document).ready(function (){
|
|
if($(window).width() < 768){
|
|
$('.menu-side').on('click', function(e){
|
|
e.preventDefault();
|
|
$('.menu-side li:not(".active")').slideToggle();
|
|
});
|
|
|
|
$('.menu-side li:not(".active")').hide();
|
|
$('.menu-side>.active').html('<i class="fa fa-bars" aria-hidden="true"></i>');
|
|
$('.menu-side>.active').addClass('menu-side-mobile');
|
|
|
|
// hide menu if there are no items in it
|
|
if($('#navbar ul li').length === 0){
|
|
$('#navbar').hide();
|
|
}
|
|
|
|
$('#offcanvasClose').hide();
|
|
}
|
|
|
|
$('#userSetupForm').validator().on('submit', function(e){
|
|
if(!e.isDefaultPrevented()){
|
|
e.preventDefault();
|
|
$.ajax({
|
|
method: 'POST',
|
|
url: '/admin/setup_action',
|
|
data: {
|
|
usersName: $('#usersName').val(),
|
|
userEmail: $('#userEmail').val(),
|
|
userPassword: $('#userPassword').val()
|
|
}
|
|
})
|
|
.done(function(msg){
|
|
showNotification(msg.message, 'success', false, '/admin/login');
|
|
})
|
|
.fail(function(msg){
|
|
showNotification(msg.responseJSON.message, 'danger');
|
|
});
|
|
}
|
|
});
|
|
|
|
$(document).on('click', '.menu-btn', function(e){
|
|
e.preventDefault();
|
|
$('body').addClass('pushy-open-right');
|
|
});
|
|
|
|
// add the table class to all tables
|
|
$('table').each(function(){
|
|
$(this).addClass('table table-hover');
|
|
});
|
|
|
|
if($('#productTags').length){
|
|
$('#productTags').tokenfield();
|
|
}
|
|
|
|
$(document).on('click', '.dashboard_list', function(e){
|
|
window.document.location = $(this).attr('href');
|
|
}).hover(function(){
|
|
$(this).toggleClass('hover');
|
|
});
|
|
|
|
$(document).on('click', '.btn-qty-minus', function(e){
|
|
e.preventDefault();
|
|
var qtyElement = $(e.target).parent().parent().find('.cart-product-quantity');
|
|
$(qtyElement).val(parseInt(qtyElement.val()) - 1);
|
|
cartUpdate(qtyElement);
|
|
});
|
|
|
|
$(document).on('click', '.btn-qty-add', function(e){
|
|
e.preventDefault();
|
|
var qtyElement = $(e.target).parent().parent().find('.cart-product-quantity');
|
|
$(qtyElement).val(parseInt(qtyElement.val()) + 1);
|
|
cartUpdate(qtyElement);
|
|
});
|
|
|
|
$(document).on('click', '.btn-delete-from-cart', function(e){
|
|
deleteFromCart($(e.target));
|
|
});
|
|
|
|
if($('#pager').length){
|
|
var pageNum = $('#pageNum').val();
|
|
var pageLen = $('#productsPerPage').val();
|
|
var productCount = $('#totalProductCount').val();
|
|
var paginateUrl = $('#paginateUrl').val();
|
|
var searchTerm = $('#searchTerm').val();
|
|
|
|
if(searchTerm !== ''){
|
|
searchTerm = searchTerm + '/';
|
|
}
|
|
|
|
var pagerHref = '/' + paginateUrl + '/' + searchTerm + '{{number}}';
|
|
var totalProducts = Math.ceil(productCount / pageLen);
|
|
|
|
if(parseInt(productCount) > parseInt(pageLen)){
|
|
$('#pager').bootpag({
|
|
total: totalProducts,
|
|
page: pageNum,
|
|
maxVisible: 5,
|
|
href: pagerHref,
|
|
wrapClass: 'pagination',
|
|
prevClass: 'page-item previous',
|
|
nextClass: 'page-item next',
|
|
activeClass: 'page-item active'
|
|
});
|
|
|
|
// Fix for Bootstrap 4
|
|
$('#pager a').each(function(){
|
|
$(this).addClass('page-link');
|
|
});
|
|
}
|
|
}
|
|
|
|
$('#customerLogout').on('click', function(e){
|
|
$.ajax({
|
|
method: 'POST',
|
|
url: '/customer/logout',
|
|
data: {}
|
|
})
|
|
.done(function(msg){
|
|
location.reload();
|
|
});
|
|
});
|
|
|
|
$('#customerForgotten').validator().on('submit', function(e){
|
|
if(!e.isDefaultPrevented()){
|
|
e.preventDefault();
|
|
$.ajax({
|
|
method: 'POST',
|
|
url: '/customer/forgotten_action',
|
|
data: {
|
|
email: $('#email').val()
|
|
}
|
|
})
|
|
.done(function(msg){
|
|
showNotification(msg.message, 'success');
|
|
})
|
|
.fail(function(msg){
|
|
if(msg.message){
|
|
showNotification(msg.responseJSON.message, 'danger');
|
|
return;
|
|
}
|
|
showNotification(msg.responseText, 'danger');
|
|
});
|
|
}
|
|
});
|
|
|
|
$(document).on('click', '#createAccountCheckbox', function(e){
|
|
$('#newCustomerPassword').prop('required', $('#createAccountCheckbox').prop('checked'));
|
|
});
|
|
|
|
$('#checkoutInformation').validator().on('click', function(e){
|
|
e.preventDefault();
|
|
if($('#shipping-form').validator('validate').has('.has-error').length === 0){
|
|
// Change route if customer to be saved for later
|
|
var route = '/customer/save';
|
|
if($('#createAccountCheckbox').prop('checked')){
|
|
route = '/customer/create';
|
|
}
|
|
$.ajax({
|
|
method: 'POST',
|
|
url: route,
|
|
data: {
|
|
email: $('#shipEmail').val(),
|
|
firstName: $('#shipFirstname').val(),
|
|
lastName: $('#shipLastname').val(),
|
|
address1: $('#shipAddr1').val(),
|
|
address2: $('#shipAddr2').val(),
|
|
country: $('#shipCountry').val(),
|
|
state: $('#shipState').val(),
|
|
postcode: $('#shipPostcode').val(),
|
|
phone: $('#shipPhoneNumber').val(),
|
|
password: $('#newCustomerPassword').val(),
|
|
orderComment: $('#orderComment').val()
|
|
}
|
|
})
|
|
.done(function(){
|
|
window.location = '/checkout/shipping';
|
|
})
|
|
.fail(function(msg){
|
|
showNotification(msg.responseJSON.message, 'danger');
|
|
});
|
|
}
|
|
});
|
|
|
|
$('#loginForm').on('click', function(e){
|
|
if(!e.isDefaultPrevented()){
|
|
e.preventDefault();
|
|
$.ajax({
|
|
method: 'POST',
|
|
url: '/admin/login_action',
|
|
data: {
|
|
email: $('#email').val(),
|
|
password: $('#password').val()
|
|
}
|
|
})
|
|
.done(function(msg){
|
|
window.location = '/admin';
|
|
})
|
|
.fail(function(msg){
|
|
showNotification(msg.responseJSON.message, 'danger');
|
|
});
|
|
}
|
|
e.preventDefault();
|
|
});
|
|
|
|
// call update settings API
|
|
$('#customerLogin').on('click', function(e){
|
|
if(!e.isDefaultPrevented()){
|
|
e.preventDefault();
|
|
$.ajax({
|
|
method: 'POST',
|
|
url: '/customer/login_action',
|
|
data: {
|
|
loginEmail: $('#customerLoginEmail').val(),
|
|
loginPassword: $('#customerLoginPassword').val()
|
|
}
|
|
})
|
|
.done(function(msg){
|
|
var customer = msg.customer;
|
|
// Fill in customer form
|
|
$('#shipEmail').val(customer.email);
|
|
$('#shipFirstname').val(customer.firstName);
|
|
$('#shipLastname').val(customer.lastName);
|
|
$('#shipAddr1').val(customer.address1);
|
|
$('#shipAddr2').val(customer.address2);
|
|
$('#shipCountry').val(customer.country);
|
|
$('#shipState').val(customer.state);
|
|
$('#shipPostcode').val(customer.postcode);
|
|
$('#shipPhoneNumber').val(customer.phone);
|
|
location.reload();
|
|
})
|
|
.fail(function(msg){
|
|
showNotification(msg.responseJSON.message, 'danger');
|
|
});
|
|
}
|
|
e.preventDefault();
|
|
});
|
|
|
|
$(document).on('click', '.image-next', function(e){
|
|
var thumbnails = $('.thumbnail-image');
|
|
var index = 0;
|
|
var matchedIndex = 0;
|
|
|
|
// get the current src image and go to the next one
|
|
$('.thumbnail-image').each(function(){
|
|
if($('#product-title-image').attr('src') === $(this).attr('src')){
|
|
if(index + 1 === thumbnails.length || index + 1 < 0){
|
|
matchedIndex = 0;
|
|
}else{
|
|
matchedIndex = index + 1;
|
|
}
|
|
}
|
|
index++;
|
|
});
|
|
|
|
// set the image src
|
|
$('#product-title-image').attr('src', $(thumbnails).eq(matchedIndex).attr('src'));
|
|
});
|
|
|
|
$(document).on('click', '.image-prev', function(e){
|
|
var thumbnails = $('.thumbnail-image');
|
|
var index = 0;
|
|
var matchedIndex = 0;
|
|
|
|
// get the current src image and go to the next one
|
|
$('.thumbnail-image').each(function(){
|
|
if($('#product-title-image').attr('src') === $(this).attr('src')){
|
|
if(index - 1 === thumbnails.length || index - 1 < 0){
|
|
matchedIndex = thumbnails.length - 1;
|
|
}else{
|
|
matchedIndex = index - 1;
|
|
}
|
|
}
|
|
index++;
|
|
});
|
|
|
|
// set the image src
|
|
$('#product-title-image').attr('src', $(thumbnails).eq(matchedIndex).attr('src'));
|
|
});
|
|
|
|
$(document).on('click', '.product-add-to-cart', function(e){
|
|
var productOptions = getSelectedOptions();
|
|
|
|
if(parseInt($('#product_quantity').val()) < 0){
|
|
$('#product_quantity').val(0);
|
|
}
|
|
|
|
$.ajax({
|
|
method: 'POST',
|
|
url: '/product/addtocart',
|
|
data: {
|
|
productId: $('#productId').val(),
|
|
productQuantity: $('#product_quantity').val(),
|
|
productOptions: JSON.stringify(productOptions),
|
|
productComment: $('#product_comment').val()
|
|
}
|
|
})
|
|
.done(function(msg){
|
|
showNotification(msg.message, 'success');
|
|
updateCartDiv();
|
|
})
|
|
.fail(function(msg){
|
|
showNotification(msg.responseJSON.message, 'danger');
|
|
});
|
|
});
|
|
|
|
$('.cart-product-quantity').on('focusout', function(e){
|
|
cartUpdate($(e.target));
|
|
});
|
|
|
|
$(document).on('click', '.pushy-link', function(e){
|
|
$('body').removeClass('pushy-open-right');
|
|
});
|
|
|
|
$(document).on('click', '.add-to-cart', function(e){
|
|
var productLink = '/product/' + $(this).attr('data-id');
|
|
if($(this).attr('data-link')){
|
|
productLink = '/product/' + $(this).attr('data-link');
|
|
}
|
|
|
|
if($(this).attr('data-has-options') === 'true'){
|
|
window.location = productLink;
|
|
}else{
|
|
$.ajax({
|
|
method: 'POST',
|
|
url: '/product/addtocart',
|
|
data: { productId: $(this).attr('data-id') }
|
|
})
|
|
.done(function(msg){
|
|
showNotification(msg.message, 'success');
|
|
updateCartDiv();
|
|
})
|
|
.fail(function(msg){
|
|
showNotification(msg.responseJSON.message, 'danger');
|
|
});
|
|
}
|
|
});
|
|
|
|
$(document).on('click', '#empty-cart', function(e){
|
|
$.ajax({
|
|
method: 'POST',
|
|
url: '/product/emptycart'
|
|
})
|
|
.done(function(msg){
|
|
showNotification(msg.message, 'success', true);
|
|
updateCartDiv();
|
|
});
|
|
});
|
|
|
|
$('.qty-btn-minus').on('click', function(){
|
|
var number = parseInt($('#product_quantity').val()) - 1;
|
|
$('#product_quantity').val(number > 0 ? number : 1);
|
|
});
|
|
|
|
$('.qty-btn-plus').on('click', function(){
|
|
$('#product_quantity').val(parseInt($('#product_quantity').val()) + 1);
|
|
});
|
|
|
|
// product thumbnail image click
|
|
$('.thumbnail-image').on('click', function(){
|
|
$('#product-title-image').attr('src', $(this).attr('src'));
|
|
});
|
|
|
|
// resets the order filter
|
|
$(document).on('click', '#btn_search_reset', function(e){
|
|
window.location.replace('/');
|
|
});
|
|
|
|
// search button click event
|
|
$(document).on('click', '#btn_search', function(e){
|
|
e.preventDefault();
|
|
if($('#frm_search').val().trim() === ''){
|
|
showNotification('Please enter a search value', 'danger');
|
|
}else{
|
|
window.location.href = '/search/' + $('#frm_search').val();
|
|
}
|
|
});
|
|
|
|
if($('#input_notify_message').val() !== ''){
|
|
// save values from inputs
|
|
var messageVal = $('#input_notify_message').val();
|
|
var messageTypeVal = $('#input_notify_messageType').val();
|
|
|
|
// clear inputs
|
|
$('#input_notify_message').val('');
|
|
$('#input_notify_messageType').val('');
|
|
|
|
// alert
|
|
showNotification(messageVal, messageTypeVal || 'danger', false);
|
|
}
|
|
});
|
|
|
|
function deleteFromCart(element){
|
|
$.ajax({
|
|
method: 'POST',
|
|
url: '/product/removefromcart',
|
|
data: { productId: element.attr('data-id') }
|
|
})
|
|
.done(function(msg){
|
|
showNotification(msg.message, 'success');
|
|
updateCartDiv();
|
|
})
|
|
.fail(function(msg){
|
|
showNotification(msg.responseJSON.message, 'danger');
|
|
});
|
|
}
|
|
|
|
function cartUpdate(element){
|
|
if($(element).val() > 0){
|
|
if($(element).val() !== ''){
|
|
updateCart(element);
|
|
}
|
|
}else{
|
|
$(element).val(1);
|
|
}
|
|
}
|
|
|
|
function updateCart(element){
|
|
// update cart on server
|
|
$.ajax({
|
|
method: 'POST',
|
|
url: '/product/updatecart',
|
|
data: {
|
|
productId: element.attr('data-id'),
|
|
quantity: element.val()
|
|
}
|
|
})
|
|
.done(function(msg){
|
|
updateCartDiv();
|
|
})
|
|
.fail(function(msg){
|
|
showNotification(msg.responseJSON.message, 'danger', true);
|
|
});
|
|
}
|
|
|
|
function getSelectedOptions(){
|
|
var options = {};
|
|
$('.product-opt').each(function(){
|
|
var optionValue = $(this).val().trim();
|
|
var optionLabel = $(this).attr('data-label');
|
|
var optionName = $(this).attr('name');
|
|
var optionType = $(this).attr('type');
|
|
|
|
// If select option
|
|
if(!optionType){
|
|
options[optionName] = {
|
|
label: optionLabel,
|
|
name: optionName,
|
|
value: optionValue
|
|
};
|
|
}
|
|
|
|
// If radio option
|
|
if(optionType === 'radio'){
|
|
options[optionName] = {
|
|
label: optionLabel,
|
|
name: optionName,
|
|
value: $('input[name="' + optionName + '"]:checked').val()
|
|
};
|
|
}
|
|
|
|
// If checkbox option
|
|
if(optionType === 'checkbox'){
|
|
options[optionName] = {
|
|
label: optionLabel,
|
|
name: optionName,
|
|
value: $('input[name="' + $(this).attr('name') + '"]').is(':checked')
|
|
};
|
|
}
|
|
});
|
|
return options;
|
|
}
|
|
|
|
function updateCartDiv(){
|
|
$.ajax({
|
|
method: 'GET',
|
|
url: '/checkout/cartdata'
|
|
})
|
|
.done(function(result){
|
|
// Update the cart div
|
|
var cart = result.cart;
|
|
var session = result.session;
|
|
var productHtml = '';
|
|
var totalAmount = numeral(session.totalCartAmount).format('0.00');
|
|
|
|
// Work out the shipping
|
|
var shippingTotalAmt = numeral(session.totalCartShipping).format('0.00');
|
|
var shippingTotal = `${session.shippingMessage} :<strong id="shipping-amount">${result.currencySymbol}${shippingTotalAmt}</strong>`;
|
|
if(session.totalCartShipping === 0){
|
|
shippingTotal = `<span id="shipping-amount">${session.shippingMessage}</span>`;
|
|
}
|
|
|
|
// If the cart has contents
|
|
if(cart){
|
|
$('#cart-empty').empty();
|
|
Object.keys(cart).forEach(function(productId){
|
|
var item = cart[productId];
|
|
// Setup the product
|
|
var productTotalAmount = numeral(item.totalItemPrice).format('0.00');
|
|
var optionsHtml = '';
|
|
var optionIndex = 1;
|
|
Object.keys(item.options).forEach(function(key){
|
|
var option = item.options[key];
|
|
if(optionIndex === Object.keys(item.options).length){
|
|
optionsHtml += `<strong>${upperFirst(option.name)}</strong>: ${option.value}`;
|
|
}else{
|
|
optionsHtml += `<strong>${upperFirst(option.name)}</strong>: ${option.value} / `;
|
|
}
|
|
optionIndex++;
|
|
});
|
|
var productImage = `<img class="img-fluid" src="/uploads/placeholder.png" alt="${item.title} product image"></img>`;
|
|
if(item.productImage){
|
|
productImage = `<img class="img-fluid" src="${item.productImage}" alt="${item.title} product image"></img>`;
|
|
}
|
|
|
|
// Setup the product html
|
|
productHtml += `
|
|
<div class="d-flex flex-row bottom-pad-15">
|
|
<div class="p-2">
|
|
<div class="row h-200">
|
|
<div class="col-4 col-md-3 no-pad-left">
|
|
${productImage}
|
|
</div>
|
|
<div class="col-8 col-md-9">
|
|
<div class="row">
|
|
<div class="col-12 no-pad-left mt-md-4">
|
|
<h6><a href="/product/${item.link}">${item.title}</a></h6>
|
|
${optionsHtml}
|
|
</div>
|
|
<div class="col-12 col-md-6 no-pad-left mb-2">
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<button class="btn btn-outline-primary btn-qty-minus" type="button">-</button>
|
|
</div>
|
|
<input type="number" class="form-control cart-product-quantity text-center" id="${productId}-qty" data-id="${productId}" maxlength="2" value="${item.quantity}">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-outline-primary btn-qty-add" type="button">+</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-4 col-md-2 no-pad-left">
|
|
<button class="btn btn-outline-danger btn-delete-from-cart" data-id="${productId}" type="button"><i class="far fa-trash-alt" data-id="${productId}" aria-hidden="true"></i></button>
|
|
</div>
|
|
<div class="col-8 col-md-4 align-self-center text-right">
|
|
<strong class="my-auto">${result.currencySymbol}${productTotalAmount}</strong>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>`;
|
|
});
|
|
|
|
$('.cartBodyWrapper').html(productHtml);
|
|
}else{
|
|
$('.cartBodyWrapper').html('');
|
|
}
|
|
|
|
$('#cart-count').text(session.totalCartItems);
|
|
|
|
// Set the totals section
|
|
var cartTotalsHtml = `
|
|
<div class="row">
|
|
<div class="cart-contents-shipping col-md-12 no-pad-right">
|
|
<div class="text-right">
|
|
${shippingTotal}
|
|
</div>
|
|
<div class="text-right">
|
|
Total:
|
|
<strong id="total-cart-amount">${result.currencySymbol}${totalAmount}</strong>
|
|
</div>
|
|
</div>
|
|
</div>`;
|
|
|
|
var cartTotalsEmptyHtml = `
|
|
<div id="cart-empty" class="row">
|
|
<div class="cart-contents-shipping col-md-12 no-pad-right">
|
|
Cart empty
|
|
</div>
|
|
</div>`;
|
|
|
|
// Set depending on cart contents
|
|
if(cart){
|
|
$('.cartTotalsWrapper').html(cartTotalsHtml);
|
|
$('.cart-buttons').removeClass('d-none');
|
|
}else{
|
|
$('.cartTotalsWrapper').html(cartTotalsEmptyHtml);
|
|
$('.cart-buttons').addClass('d-none');
|
|
}
|
|
})
|
|
.fail(function(result){
|
|
showNotification(result.responseJSON.message, 'danger');
|
|
});
|
|
}
|
|
|
|
function upperFirst(value){
|
|
return value.replace(/^\w/, (chr) => {
|
|
return chr.toUpperCase();
|
|
});
|
|
}
|