added voucher

This commit is contained in:
franknstayn
2021-08-27 19:54:36 +08:00
parent 9b31dc4725
commit 84a194f872

View File

@@ -1,488 +1,570 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head>
<head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="csrf_token" content="{{ csrf_token() }}" /> <meta name="csrf_token" content="{{ csrf_token() }}" />
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<title>Merchbay</title> <title>Merchbay</title>
<link rel="icon" href="{{asset('public/favicon.ico')}}"> <link rel="icon" href="{{ asset('public/favicon.ico') }}">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;500;600;700;800;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<link href="{{asset('public/assets/css/merchbay/styles.css')}}" rel="stylesheet">
<!-- <link href="{{asset('public/assets/login/css/style.css')}}" rel="stylesheet"> <link href="{{ asset('public/assets/css/merchbay/styles.css') }}" rel="stylesheet">
<link href="{{asset('public/assets/login/css/form-elements.css')}}" rel="stylesheet"> --> <!-- <link href="{{ asset('public/assets/login/css/style.css') }}" rel="stylesheet">
<link href="{{ asset('public/assets/login/css/form-elements.css') }}" rel="stylesheet"> -->
<script src='https://www.google.com/recaptcha/api.js'></script> <script src='https://www.google.com/recaptcha/api.js'></script>
<!-- Global site tag (gtag.js) - Google Analytics --> <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SB3QK6BR1N"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-SB3QK6BR1N"></script>
<script> <script>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date()); function gtag() {
dataLayer.push(arguments);
gtag('config', 'G-SB3QK6BR1N'); }
</script> gtag('js', new Date());
</head>
<body> gtag('config', 'G-SB3QK6BR1N');
</script>
</head>
<body>
@include('merchbay.navbar') @include('merchbay.navbar')
<div class="container"> <div class="container">
<div class="wrapper bg-white"> <div class="wrapper bg-white">
@yield('main-content') @yield('main-content')
</div> </div>
@include('merchbay.footer') @include('merchbay.footer')
</div> </div>
<!-- Optional JavaScript; choose one of the two! --> <!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) --> <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script> <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script> <script>
$(document).ready(function(){ $(document).ready(function() {
$('.reveal-password').click(function(e){ $('.reveal-password').click(function(e) {
var $pwd = $(".pwd"); var $pwd = $(".pwd");
if ($pwd.attr('type') === 'password') { if ($pwd.attr('type') === 'password') {
$pwd.attr('type', 'text'); $pwd.attr('type', 'text');
$(this).html('<i class="fa fa-eye-slash"></i>'); $(this).html('<i class="fa fa-eye-slash"></i>');
} else { } else {
$pwd.attr('type', 'password'); $pwd.attr('type', 'password');
$(this).html('<i class="fa fa-eye"></i>'); $(this).html('<i class="fa fa-eye"></i>');
} }
}); });
if($('.data-errors').length > 0){ if ($('.data-errors').length > 0) {
$('#team-store-login').modal('show') $('#team-store-login').modal('show')
return false; return false;
} }
$("#frm-login").validate({ $("#frm-login").validate({
rules: { rules: {
email: { email: {
required: true, required: true,
email: true email: true
}, },
password: { password: {
required: true required: true
//minlength: 6 // <-- removed underscore //minlength: 6 // <-- removed underscore
} }
}, },
messages: {}, messages: {},
errorPlacement: function(error, element) { errorPlacement: function(error, element) {
var placement = $(element).data('error'); var placement = $(element).data('error');
if (placement) { if (placement) {
$(placement).append(error); $(placement).append(error);
}else { } else {
error.insertAfter(element); error.insertAfter(element);
} }
}, },
submitHandler: submitLoginForm submitHandler: submitLoginForm
}); });
$("#frm-register").validate({ $("#frm-register").validate({
rules: { rules: {
name: { name: {
required : true required: true
}, },
username: { username: {
required : true required: true
}, },
email: { email: {
required: true, required: true,
email: true email: true
}, },
password: { password: {
required: true required: true
//minlength: 6 // <-- removed underscore //minlength: 6 // <-- removed underscore
} }
}, },
messages: {}, messages: {},
errorPlacement: function(error, element) { errorPlacement: function(error, element) {
var placement = $(element).data('error'); var placement = $(element).data('error');
if (placement) { if (placement) {
$(placement).append(error); $(placement).append(error);
}else { } else {
error.insertAfter(element); error.insertAfter(element);
} }
}, },
submitHandler: submitRegisterForm submitHandler: submitRegisterForm
}); });
$('.password-protected').click(function(){ $('.password-protected').click(function() {
$('#_teamstore_id').val($(this).data('store-id')) $('#_teamstore_id').val($(this).data('store-id'))
// console.log($(this).data('store-id')) // console.log($(this).data('store-id'))
$('#team-store-login').modal('show') $('#team-store-login').modal('show')
return false; return false;
}); });
$(document).on('change', '#select_sort_stores', function(event) { $(document).on('change', '#select_sort_stores', function(event) {
event.preventDefault(); event.preventDefault();
$('#frm_search_store').submit(); $('#frm_search_store').submit();
}); });
}); // end document ready $("#frm_voucher").validate({
rules: {
voucher: {
required: true
}
},
messages: {},
function submitLoginForm (){ errorPlacement: function(error, element) {
// method="POST" action="{{ url('/auth/login') }}" var placement = $(element).data('error');
var data = $("#frm-login").serialize();
// console.log(data)
$.ajax({
type : 'POST',
url : "{{ url('/custom/auth') }}",
data : data,
dataType : 'json',
beforeSend: function() {
$("#login-response-msg").fadeOut();
$("#btn-login").html('Signing in &nbsp; <i class="fa fa-spinner fa-spin"></i>');
},
success : function(response){
$("#login-response-msg").html("");
$("#login-response-msg").fadeIn(1000, function(){
if(response.success){
// $("#login-response-msg").html(response);
// console.log();
location.reload();
}else{
$("#login-response-msg").html(response.message);
}
//
// console.log(response.success); if (placement) {
$("#btn-login").html('<span class="glyphicon glyphicon-log-in"></span> &nbsp; Sign In');
});
}
});
return false;
}/* login submit */
function submitRegisterForm (){ $(placement).append(error)
var data = $("#frm-register").serialize();
$.ajax({ } else {
type : 'POST',
url : "{{ url('/custom/register') }}",
data : data,
dataType : 'json',
beforeSend: function() {
$("#register-response-msg").fadeOut();
$("#btn-register").html('Please wait &nbsp; <i class="fa fa-spinner fa-spin"></i>');
},
success : function(response){
$("#register-response-msg").html("");
$("#register-response-msg").fadeIn(1000, function(){
if(response.success){
location.reload();
}else{
$("#register-response-msg").html(response.message);
}
$("#btn-register").html('Register');
});
// console.log(response); error.insertAfter(element);
}
});
return false;
} }
</script> },
submitHandler: submitVoucher
});
<script> }); // end document ready
$(document).ready(function() {
// $('.img-zoom').zoom();
$('.inputName').keyup(function() {
this.value = this.value.toLocaleUpperCase();
});
// $('.carousel').bcSwipe({ threshold: 50 }); function submitLoginForm() {
// method="POST" action="{{ url('/auth/login') }}"
var data = $("#frm-login").serialize();
// console.log(data)
$.ajax({
type: 'POST',
url: "{{ url('/custom/auth') }}",
data: data,
dataType: 'json',
beforeSend: function() {
$("#login-response-msg").fadeOut();
$("#btn-login").html('Signing in &nbsp; <i class="fa fa-spinner fa-spin"></i>');
},
success: function(response) {
$("#login-response-msg").html("");
$("#login-response-msg").fadeIn(1000, function() {
$('.btn-number').click(function(e){ if (response.success) {
e.preventDefault(); // $("#login-response-msg").html(response);
// console.log();
fieldName = $(this).attr('data-field'); location.reload();
type = $(this).attr('data-type'); } else {
var input = $("input[name='"+fieldName+"']"); $("#login-response-msg").html(response.message);
var currentVal = parseInt(input.val()); }
if (!isNaN(currentVal)) { //
if(type == 'minus') {
if(currentVal > input.attr('min')) {
input.val(currentVal - 1).change();
}
if(parseInt(input.val()) == input.attr('min')) {
$(this).attr('disabled', true);
}
} else if(type == 'plus') { // console.log(response.success);
$("#btn-login").html(
'<span class="glyphicon glyphicon-log-in"></span> &nbsp; Sign In');
});
}
});
return false;
} /* login submit */
if(currentVal < input.attr('max')) { function submitRegisterForm() {
input.val(currentVal + 1).change(); var data = $("#frm-register").serialize();
}
if(parseInt(input.val()) == input.attr('max')) {
$(this).attr('disabled', true);
}
} $.ajax({
} else { type: 'POST',
input.val(0); url: "{{ url('/custom/register') }}",
} data: data,
}); dataType: 'json',
beforeSend: function() {
$('#myCarousel').on('slid.bs.carousel', function (e) { $("#register-response-msg").fadeOut();
var id = $('.item.active').data('slide-number'); $("#btn-register").html('Please wait &nbsp; <i class="fa fa-spinner fa-spin"></i>');
// $('#carousel-text').html($('#slide-content-'+id).html()); },
// console.log(id) success: function(response) {
$('.a_thumbnail').removeClass('active'); $("#register-response-msg").html("");
$('#carousel-selector-'+id).addClass('active'); $("#register-response-msg").fadeIn(1000, function() {
});
$('.input-number').focusin(function(){ if (response.success) {
$(this).data('oldValue', $(this).val()); location.reload();
}); } else {
$("#register-response-msg").html(response.message);
}
$("#btn-register").html('Register');
});
$('.input-number').change(function() { // console.log(response);
}
minValue = parseInt($(this).attr('min')); });
maxValue = parseInt($(this).attr('max')); return false;
valueCurrent = parseInt($(this).val());
name = $(this).attr('name');
if(valueCurrent >= minValue) {
$(".btn-number[data-type='minus'][data-field='"+name+"']").removeAttr('disabled')
} else {
alert('Sorry, the minimum value was reached');
$(this).val($(this).data('oldValue'));
}
if(valueCurrent <= maxValue) {
$(".btn-number[data-type='plus'][data-field='"+name+"']").removeAttr('disabled')
} else {
alert('Sorry, the maximum value was reached');
$(this).val($(this).data('oldValue'));
}
});
$(".input-number").keydown(function (e) { }
// Allow: backspace, delete, tab, escape, enter and .
if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
// Allow: Ctrl+A
(e.keyCode == 65 && e.ctrlKey === true) ||
// Allow: home, end, left, right
(e.keyCode >= 35 && e.keyCode <= 39)) {
// let it happen, don't do anything
return;
}
// Ensure that it is a number and stop the keypress
if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
e.preventDefault();
}
});
$('.multi-item-carousel .item').each(function(){ function submitVoucher() {
var next = $(this).next(); var form = $('#frm_voucher')
if (!next.length) { var data = form.serialize();
next = $(this).siblings(':first'); // console.log(data);
} $.ajax({
type: "POST",
url: "{{ url('teamstore/q/add-voucher') }}",
data: data,
beforeSend: function(xhr) {
$("#btn_apply_voucher").attr('disabled', true);
$("#btn_apply_voucher").html('Applying <i class="fa fa-spinner fa-spin"></i>');
next.children(':first-child').clone().appendTo($(this)); var token = $('meta[name="csrf_token"]').attr('content');
if (token) {
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
}
},
success: function(response) {
console.log(response);
$("#btn_apply_voucher").attr('disabled', false);
$("#btn_apply_voucher").html('Apply');
if (response.success) {
$("#voucher_list").append(response.message);
form.validate().resetForm();
form[0].reset();
$('#my_subtotal').text(response.subtotal);
for (var i=0; i<2; i++){ } else {
$("#error_voucher").html(response.message).fadeIn().delay(5000).fadeOut('slow',
next=next.next(); function() {
$("#error_voucher").html("");
if (!next.length){ $("#error_voucher").css("display", "block");
next=$(this).siblings(':first'); });
} }
next.children(':first-child').clone().appendTo($(this)); }
} });
return false;
}
</script>
}); <script>
$(document).ready(function() {
// $('.img-zoom').zoom();
$('.inputName').keyup(function() {
this.value = this.value.toLocaleUpperCase();
});
$('#jersey_chk').click(function(){ // $('.carousel').bcSwipe({ threshold: 50 });
var product_price = $('#product_price').val(); $('.btn-number').click(function(e) {
var getPriceHold = $('#price_holder').val(); e.preventDefault();
var getHalf = getPriceHold / 2;
if($(this).is(':checked')){
$('.td-hide').css('display', '');
$('.th-hide').css('display', '');
$('#product_price').val(Number(product_price) + Number(getHalf));
$('#display-product-price').html('$ ' + $('#product_price').val());
// console.log($('#product_price').val() - getHalf);
}else{
$('.cls-uniformName').val('');
$('.td-hide').css('display', 'none');
$('.th-hide').css('display', 'none');
$('#product_price').val(Number(product_price) - Number(getHalf)); fieldName = $(this).attr('data-field');
$('#display-product-price').html('$ ' + $('#product_price').val()); type = $(this).attr('data-type');
// console.log($('#product_price').val() + getHalf); var input = $("input[name='" + fieldName + "']");
} var currentVal = parseInt(input.val());
// console.log($(this).is(':checked')); if (!isNaN(currentVal)) {
}); if (type == 'minus') {
$('#shorts_chk').click(function(){ if (currentVal > input.attr('min')) {
input.val(currentVal - 1).change();
}
if (parseInt(input.val()) == input.attr('min')) {
$(this).attr('disabled', true);
}
var product_price = $('#product_price').val(); } else if (type == 'plus') {
var getPriceHold = $('#price_holder').val();
var getHalf = getPriceHold / 2;
if($(this).is(':checked')){ if (currentVal < input.attr('max')) {
$('#product_price').val(Number(product_price) + Number(getHalf)); input.val(currentVal + 1).change();
$('#display-product-price').html('$ ' + $('#product_price').val()); }
}else{ if (parseInt(input.val()) == input.attr('max')) {
$(this).attr('disabled', true);
}
$('#product_price').val(Number(product_price) - Number(getHalf)); }
$('#display-product-price').html('$ ' + $('#product_price').val()); } else {
} input.val(0);
}); }
});
$(document).on('input keyup', '.capitalizeText', function() {
$(this).val($(this).val().toUpperCase());
});
$('[id^=carousel-selector-]').click( function(){ $('#myCarousel').on('slid.bs.carousel', function(e) {
var id = this.id.substr(this.id.lastIndexOf("-") + 1); var id = $('.item.active').data('slide-number');
var id = parseInt(id); // $('#carousel-text').html($('#slide-content-'+id).html());
$('#myCarousel').carousel(id); // console.log(id)
$('.a_thumbnail').removeClass('active'); $('.a_thumbnail').removeClass('active');
$(this).addClass('active'); $('#carousel-selector-' + id).addClass('active');
}); });
$("#frm-order-list").validate({ $('.input-number').focusin(function() {
$(this).data('oldValue', $(this).val());
});
rules: { $('.input-number').change(function() {
'order_jersey_size[]': { minValue = parseInt($(this).attr('min'));
required: true maxValue = parseInt($(this).attr('max'));
}, valueCurrent = parseInt($(this).val());
'order_shorts_size[]': {
required: true
},
'order_number[]': {
required: true
}
},
messages: {},
errorPlacement: function(error, element) {
var placement = $(element).data('error');
if (placement) {
$(placement).html(error);
}
},
success: function(error, element) { name = $(this).attr('name');
var placement = $(element).data('error'); if (valueCurrent >= minValue) {
if (placement) { $(".btn-number[data-type='minus'][data-field='" + name + "']").removeAttr('disabled')
$(placement).html(''); } else {
} alert('Sorry, the minimum value was reached');
}, $(this).val($(this).data('oldValue'));
submitHandler: submitOrderListForm }
}); if (valueCurrent <= maxValue) {
$(".btn-number[data-type='plus'][data-field='" + name + "']").removeAttr('disabled')
} else {
alert('Sorry, the maximum value was reached');
$(this).val($(this).data('oldValue'));
}
function submitOrderListForm(){
var data = $("#frm-order-list").serializeArray();
$.ajax({ });
type : 'POST',
url : "{{ url('teamstore/q/add-to-cart') }}",
data : data,
dataType: 'json',
beforeSend:function(xhr){
var token = $('meta[name="csrf_token"]').attr('content');
if (token) { $(".input-number").keydown(function(e) {
return xhr.setRequestHeader('X-CSRF-TOKEN', token); // Allow: backspace, delete, tab, escape, enter and .
} if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
xhr.setRequestHeader( 'X-Requested-With', 'XMLHttpRequest'); // Allow: Ctrl+A
}, (e.keyCode == 65 && e.ctrlKey === true) ||
success : function(response){ // Allow: home, end, left, right
(e.keyCode >= 35 && e.keyCode <= 39)) {
if(response.success){ // let it happen, don't do anything
window.location = "{{ url('cart') }}"; return;
}else{ }
alert(response.message); // Ensure that it is a number and stop the keypress
location.reload(); if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode >
} 105)) {
} e.preventDefault();
}); }
return false; });
} $('.multi-item-carousel .item').each(function() {
var next = $(this).next();
// @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ adding of rows @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ if (!next.length) {
next = $(this).siblings(':first');
$(document).on('button click', '#addNewRow', function(){ }
var p_id = $('#p_id').val();
$.ajax({ //create an ajax request to load_page.php
type: "POST",
url: "{{ url('/teamstore/q/add-new-row') }}",
data: {
p_id : p_id
},
dataType: "html", //expect html to be returned next.children(':first-child').clone().appendTo($(this));
beforeSend:function(xhr){
var token = $('meta[name="csrf_token"]').attr('content');
if (token) {
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
}
xhr.setRequestHeader( 'X-Requested-With', 'XMLHttpRequest');
},
success: function(response){ for (var i = 0; i < 2; i++) {
var d = new Date(); next = next.next();
var n = d.getTime();
var parser = new DOMParser(); if (!next.length) {
var doc = parser.parseFromString(response, "text/html"); next = $(this).siblings(':first');
var elem = doc.getElementById("orderTableBody"); }
var currentClassName = elem.getElementsByTagName('tr')[0].className; next.children(':first-child').clone().appendTo($(this));
elem.getElementsByClassName(currentClassName)[0].classList.remove(currentClassName); // remove current Classname }
elem.getElementsByTagName('tr')[0].classList.add("table-tr-" + Math.ceil(Math.random() * 999999) + n); // add random classname
$('#tableRow tbody').append(elem.innerHTML); });
$('#addnew-btn-tbl-row').html('')
$('#addnew-btn-tbl-row').append('<button type="button" id="addNewRow" class="btn btn-success btn-sm pull-left" data-toggle="tooltip" title="Add Another"><i class="fa fa-plus" aria-hidden="true"></i> Add Row</button>'); $('#jersey_chk').click(function() {
$('.tr-remove-btn').html('<button type="button" class="btn btn-danger btn-sm removeRow btn-roster-action" data-toggle="tooltip" title="Remove"><i class="fa fa-remove" aria-hidden="true"></i></button>');
$('#orderListPanel').scrollTop($('#orderListPanel')[0].scrollHeight); var product_price = $('#product_price').val();
$('.inputName').keyup(function() { var getPriceHold = $('#price_holder').val();
this.value = this.value.toLocaleUpperCase(); var getHalf = getPriceHold / 2;
});
} if ($(this).is(':checked')) {
}); $('.td-hide').css('display', '');
$('.th-hide').css('display', '');
});
// @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ end adding of rows @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ $('#product_price').val(Number(product_price) + Number(getHalf));
$('#display-product-price').html('$ ' + $('#product_price').val());
// @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ removing of rows @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ // console.log($('#product_price').val() - getHalf);
$(document).on('button click', '.removeRow', function(){ } else {
var str = $(this).closest('tr').attr('class'); $('.cls-uniformName').val('');
var trCount = $('#tableRow tbody').children('tr').length; $('.td-hide').css('display', 'none');
if(trCount <= 2){ $('.th-hide').css('display', 'none');
$('#addnew-btn-tbl-row').html('');
$('.tr-remove-btn').html('<button type="button" id="addNewRow" class="btn btn-success btn-sm btn-roster-action" data-toggle="tooltip" title="Add Another"><i class="fa fa-plus" aria-hidden="true"></i></button>'); $('#product_price').val(Number(product_price) - Number(getHalf));
} $('#display-product-price').html('$ ' + $('#product_price').val());
$('.'+str).remove(); // console.log($('#product_price').val() + getHalf);
}); }
// @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ end removing of rows @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ // console.log($(this).is(':checked'));
}); //end document ready });
</script>
</body> $('#shorts_chk').click(function() {
</html>
var product_price = $('#product_price').val();
var getPriceHold = $('#price_holder').val();
var getHalf = getPriceHold / 2;
if ($(this).is(':checked')) {
$('#product_price').val(Number(product_price) + Number(getHalf));
$('#display-product-price').html('$ ' + $('#product_price').val());
} else {
$('#product_price').val(Number(product_price) - Number(getHalf));
$('#display-product-price').html('$ ' + $('#product_price').val());
}
});
$(document).on('input keyup', '.capitalizeText', function() {
$(this).val($(this).val().toUpperCase());
});
$('[id^=carousel-selector-]').click(function() {
var id = this.id.substr(this.id.lastIndexOf("-") + 1);
var id = parseInt(id);
$('#myCarousel').carousel(id);
$('.a_thumbnail').removeClass('active');
$(this).addClass('active');
});
$("#frm-order-list").validate({
rules: {
'order_jersey_size[]': {
required: true
},
'order_shorts_size[]': {
required: true
},
'order_number[]': {
required: true
}
},
messages: {},
errorPlacement: function(error, element) {
var placement = $(element).data('error');
if (placement) {
$(placement).html(error);
}
},
success: function(error, element) {
var placement = $(element).data('error');
if (placement) {
$(placement).html('');
}
},
submitHandler: submitOrderListForm
});
function submitOrderListForm() {
var data = $("#frm-order-list").serializeArray();
$.ajax({
type: 'POST',
url: "{{ url('teamstore/q/add-to-cart') }}",
data: data,
dataType: 'json',
beforeSend: function(xhr) {
var token = $('meta[name="csrf_token"]').attr('content');
if (token) {
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
}
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
},
success: function(response) {
if (response.success) {
window.location = "{{ url('cart') }}";
} else {
alert(response.message);
location.reload();
}
}
});
return false;
}
// @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ adding of rows @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
$(document).on('button click', '#addNewRow', function() {
var p_id = $('#p_id').val();
$.ajax({ //create an ajax request to load_page.php
type: "POST",
url: "{{ url('/teamstore/q/add-new-row') }}",
data: {
p_id: p_id
},
dataType: "html", //expect html to be returned
beforeSend: function(xhr) {
var token = $('meta[name="csrf_token"]').attr('content');
if (token) {
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
}
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
},
success: function(response) {
var d = new Date();
var n = d.getTime();
var parser = new DOMParser();
var doc = parser.parseFromString(response, "text/html");
var elem = doc.getElementById("orderTableBody");
var currentClassName = elem.getElementsByTagName('tr')[0].className;
elem.getElementsByClassName(currentClassName)[0].classList.remove(
currentClassName); // remove current Classname
elem.getElementsByTagName('tr')[0].classList.add("table-tr-" + Math
.ceil(Math.random() * 999999) + n); // add random classname
$('#tableRow tbody').append(elem.innerHTML);
$('#addnew-btn-tbl-row').html('')
$('#addnew-btn-tbl-row').append(
'<button type="button" id="addNewRow" class="btn btn-success btn-sm pull-left" data-toggle="tooltip" title="Add Another"><i class="fa fa-plus" aria-hidden="true"></i> Add Row</button>'
);
$('.tr-remove-btn').html(
'<button type="button" class="btn btn-danger btn-sm removeRow btn-roster-action" data-toggle="tooltip" title="Remove"><i class="fa fa-remove" aria-hidden="true"></i></button>'
);
$('#orderListPanel').scrollTop($('#orderListPanel')[0].scrollHeight);
$('.inputName').keyup(function() {
this.value = this.value.toLocaleUpperCase();
});
}
});
});
// @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ end adding of rows @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
// @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ removing of rows @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
$(document).on('button click', '.removeRow', function() {
var str = $(this).closest('tr').attr('class');
var trCount = $('#tableRow tbody').children('tr').length;
if (trCount <= 2) {
$('#addnew-btn-tbl-row').html('');
$('.tr-remove-btn').html(
'<button type="button" id="addNewRow" class="btn btn-success btn-sm btn-roster-action" data-toggle="tooltip" title="Add Another"><i class="fa fa-plus" aria-hidden="true"></i></button>'
);
}
$('.' + str).remove();
});
// @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ end removing of rows @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
}); //end document ready
</script>
</body>
</html>