637 lines
18 KiB
JavaScript
637 lines
18 KiB
JavaScript
|
|
/*
|
|
* for adding a quantity to the cart
|
|
*using jquery
|
|
* Copyright (c) Janno Palacios
|
|
* Dual licensed under the MIT and GPL licenses.
|
|
*/
|
|
|
|
|
|
$(document).on("keyup", ".QTY", function () {
|
|
var productid = $(this).data('id');
|
|
// alert(productid);
|
|
|
|
var qty = document.getElementById('QTY'+productid);
|
|
var originalqty = document.getElementById('ORIGQTY'+productid);
|
|
var price = document.getElementById('PROPRICE'+productid);
|
|
var subtot;
|
|
|
|
// alert(qty);
|
|
|
|
if (parseInt(originalqty.value)<=parseInt(qty.value)){
|
|
|
|
alert("The quantity that you put is greater than the availabe quantity of the product.");
|
|
document.getElementById('QTY'+productid).value = originalqty.value;
|
|
|
|
subtot = parseFloat(price) * parseFloat(originalqty.value);
|
|
|
|
} else{
|
|
subtot = parseFloat(price.value) * parseFloat(qty.value);
|
|
}
|
|
|
|
subtot = parseFloat(price.value) * parseFloat(qty.value);
|
|
|
|
// alert(subtot.toFixed(2))
|
|
|
|
// $.ajax({ //create an ajax request to load_page.php
|
|
// type:"GET",
|
|
// url: "cart.php?QTY"+productid+"="+ qty + "&subTOT"+productid+"=" + subtot.toFixed(2),
|
|
// dataType: "text", //expect html to be returned
|
|
// data:{updateid:productid},
|
|
// success: function(data){
|
|
// $("#CART").html(data);
|
|
// // alert(data);
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
|
|
|
|
|
|
document.getElementById('TOT'+productid).value = subtot.toFixed(2);
|
|
document.getElementById('Osubtot'+productid).value = document.getElementById('TOT'+productid).value;
|
|
|
|
var table = document.getElementById('table');
|
|
var items = table.getElementsByTagName('output');
|
|
|
|
var sum = 0;
|
|
for(var i=0; i<items.length; i++)
|
|
sum += parseFloat(items[i].value);
|
|
|
|
var output = document.getElementById('sum');
|
|
output.innerHTML = sum.toFixed(2);
|
|
|
|
// $(".modal-body #tabledata").val( p_id );
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
$(document).on("change", ".QTY", function () {
|
|
var productid = $(this).data('id');
|
|
// alert(productid);
|
|
|
|
var qty = document.getElementById('QTY'+productid);
|
|
var originalqty = document.getElementById('ORIGQTY'+productid);
|
|
var price = document.getElementById('PROPRICE'+productid);
|
|
var subtot;
|
|
|
|
// alert(qty);
|
|
|
|
if (parseInt(originalqty.value)<=parseInt(qty.value)){
|
|
|
|
alert("The quantity that you put is greater that the availabe quantity of the product.");
|
|
document.getElementById('QTY'+productid).value = originalqty.value;
|
|
|
|
subtot = parseFloat(price) * parseFloat(originalqty.value);
|
|
|
|
} else{
|
|
subtot = parseFloat(price.value) * parseFloat(qty.value);
|
|
}
|
|
|
|
subtot = parseFloat(price.value) * parseFloat(qty.value);
|
|
|
|
|
|
$.ajax({ //create an ajax request to load_page.php
|
|
type:"POST",
|
|
url: "cart/controller.php?action=edit&QTY"+productid+"="+ qty.value + "&TOT"+productid+"=" + subtot.toFixed(2),
|
|
dataType: "text", //expect html to be returned
|
|
data:{UPPROID:productid},
|
|
success: function(data){
|
|
$("#cartLi").html(data);
|
|
|
|
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
document.getElementById('TOT'+productid).value = subtot.toFixed(2);
|
|
document.getElementById('Osubtot'+productid).value = document.getElementById('TOT'+productid).value;
|
|
|
|
var table = document.getElementById('table');
|
|
var items = table.getElementsByTagName('output');
|
|
|
|
var sum = 0;
|
|
for(var i=0; i<items.length; i++)
|
|
sum += parseFloat(items[i].value);
|
|
|
|
var output = document.getElementById('sum');
|
|
output.innerHTML = sum.toFixed(2);
|
|
|
|
});
|
|
|
|
|
|
|
|
// $(document).on("load_page", ".QTY", function () {
|
|
// var productid = $(this).data('id');
|
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
function totalprice() {
|
|
var table = document.getElementById('table');
|
|
var items = table.getElementsByTagName('output');
|
|
|
|
var sum = 0;
|
|
for(var i=0; i<items.length; i++)
|
|
sum += parseFloat(items[i].value);
|
|
|
|
var output = document.getElementById('sum');
|
|
output.innerHTML = sum.toFixed(2);
|
|
|
|
var deliveryfee = document.getElementById('deliveryfee').value;
|
|
var pickupfee = document.getElementById('pickupfee').value;
|
|
var fee = 0.00
|
|
// alert(paymethod);
|
|
if (deliveryfee.checked==true){
|
|
document.getElementById('fee').innerHTML = document.getElementById('BRGY').value;
|
|
|
|
}else if (pickupfee.checked==true){
|
|
document.getElementById('fee').innerHTML = 0.0;
|
|
|
|
}
|
|
|
|
// over all price
|
|
var overall = 0;
|
|
|
|
overall = sum + parseFloat(fee);
|
|
|
|
var overallprice = document.getElementById('overall');
|
|
|
|
overallprice.innerHTML = overall.toFixed(2);
|
|
|
|
document.getElementById("alltot").value = overallprice.innerHTML ;
|
|
|
|
|
|
}
|
|
|
|
|
|
// for paymethod
|
|
|
|
$(document).on("click",".paymethod", function(){
|
|
|
|
|
|
// alert(delfee.value);
|
|
var table = document.getElementById('table');
|
|
var items = table.getElementsByTagName('output');
|
|
|
|
var sum = 0;
|
|
for(var i=0; i<items.length; i++)
|
|
sum += parseFloat(items[i].value);
|
|
|
|
var output = document.getElementById('sum');
|
|
output.innerHTML = sum.toFixed(2);
|
|
|
|
|
|
|
|
var deliveryfee = document.getElementById('deliveryfee') ;
|
|
|
|
var pickupfee = document.getElementById('pickupfee') ;
|
|
|
|
var delfee = document.getElementById('PLACE');
|
|
// alert(delfee.value);
|
|
var fee = delfee.value;
|
|
// alert(paymethod);
|
|
if (deliveryfee.checked==true){
|
|
document.getElementById('fee').innerHTML = delfee.value;
|
|
}else if (pickupfee.checked==true){
|
|
document.getElementById('fee').innerHTML = 0.0;
|
|
}
|
|
|
|
// over all price
|
|
var overall = 0;
|
|
|
|
|
|
overall = sum + parseFloat(fee);
|
|
|
|
var overallprice = document.getElementById('overall');
|
|
|
|
overallprice.innerHTML = overall.toFixed(2);
|
|
|
|
document.getElementById("alltot").value = overallprice.innerHTML ;
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
// end/...............
|
|
|
|
|
|
// VALIDATE CUSTOMER
|
|
|
|
// Validates Personal Info
|
|
$(document).on("click", ".submit", function () {
|
|
|
|
|
|
var FNAME=document.forms["personal"]["FNAME"];
|
|
var LNAME=document.forms["personal"]["LNAME"];
|
|
var MNANE=document.forms["personal"]["MNAME"];
|
|
var CUSHOMENUM=document.forms["personal"]["CUSHOMENUM"];
|
|
var STREETADD=document.forms["personal"]["STREETADD"];
|
|
var BRGYADD=document.forms["personal"]["BRGYADD"];
|
|
var CITYADD=document.forms["personal"]["CITYADD"];
|
|
var PROVINCE=document.forms["personal"]["PROVINCE"];
|
|
var COUNTRY=document.forms["personal"]["COUNTRY"];
|
|
var PHONE=document.forms["personal"]["PHONE"];
|
|
var ZIPCODE=document.forms["personal"]["ZIPCODE"];
|
|
var CUSUNAME=document.forms["personal"]["CUSUNAME"];
|
|
var CUSPASS=document.forms["personal"]["CUSPASS"];
|
|
var CUSPHOTO=document.forms["personal"]["image"];
|
|
|
|
|
|
if(FNAME.value==""){
|
|
alert("Firstname is required!");
|
|
return false;
|
|
}
|
|
if(LNAME.value=="") {
|
|
alert("Lastname is required!");
|
|
return false;
|
|
}
|
|
|
|
if(CUSHOMENUM.value=="" || STREETADD.value=="" || BRGYADD.value=="" || CITYADD.value=="" || PROVINCE.value=="" || COUNTRY.value==""){
|
|
alert("Complete Address is required!");
|
|
return false;
|
|
}
|
|
|
|
if(PHONE.value==""){
|
|
alert("Contact number is required!");
|
|
return false;
|
|
}
|
|
if(ZIPCODE.value==""){
|
|
alert("Zip Code is required!");
|
|
return false;
|
|
}
|
|
if (CUSUNAME.value=="") {
|
|
alert("Username is required!");
|
|
return false;
|
|
};
|
|
|
|
// if (CUSPHOTO.value=="") {
|
|
// alert("Picture is required!");
|
|
// return false;
|
|
// };
|
|
|
|
|
|
|
|
var passw= /^[A-Za-z]\w{7,14}$/;
|
|
// var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
|
|
|
|
|
|
|
|
if(!CUSPASS.value.match(passw)) {
|
|
alert(' Password must be atleast 8 to 15 characters. Only letter, numeric digits, underscore and first character must be a letter.') ;
|
|
return false;
|
|
}
|
|
if (document.personal.conditionterms.checked == false)
|
|
{
|
|
alert ('pls. agree the term and condition!');
|
|
return false;
|
|
}
|
|
|
|
// $.ajax({ //create an ajax request to load_page.php
|
|
// type:"POST",
|
|
// url: "customer/controller.php?action=add",
|
|
// dataType: "text", //expect html to be returned
|
|
// data:{
|
|
|
|
// button:"button",
|
|
// FNAME:FNAME.value,
|
|
// // LNAME:document.forms["personal"]["LNAME"].value,
|
|
// // MNANE:document.forms["personal"]["MNAME"].value,
|
|
// // GENDER:document.forms["personal"]["GENDER"].value,
|
|
// // CUSHOMENUM:document.forms["personal"]["CUSHOMENUM"].value,
|
|
// // STREETADD:document.forms["personal"]["STREETADD"].value,
|
|
// // BRGYADD:document.forms["personal"]["BRGYADD"].value,
|
|
// // CITYADD:document.forms["personal"]["CITYADD"].value,
|
|
// // PROVINCE:document.forms["personal"]["PROVINCE"].value,
|
|
// // COUNTRY:document.forms["personal"]["COUNTRY"].value,
|
|
// // PHONE:document.forms["personal"]["PHONE"].value,
|
|
// // ZIPCODE:document.forms["personal"]["ZIPCODE"].value,
|
|
// // CUSUNAME:document.forms["personal"]["CUSUNAME"].value,
|
|
// // CUSPASS:document.forms["personal"]["CUSPASS"].value,
|
|
// // image:document.forms["personal"]["image"].value
|
|
// },
|
|
// success: function(data){
|
|
// $("#smyModal").html(data);
|
|
// // alert(data);
|
|
|
|
// }
|
|
|
|
// });
|
|
});
|
|
|
|
|
|
|
|
// for view specific product in a modal-body
|
|
// $(document).on("click", ".PHOTO", function () {
|
|
|
|
// var PROID = $(this).data('id');
|
|
// // alert(PROID);
|
|
// // $(".modal-body #cusid").val( cusid )
|
|
|
|
// $.ajax({ //create an ajax request to load_page.php
|
|
// type:"POST",
|
|
// url: "viewProduct.php",
|
|
// dataType: "text", //expect html to be returned
|
|
// data:{PROID:PROID},
|
|
// success: function(data){
|
|
// $("#photoModal").html(data);
|
|
// // alert(data);
|
|
// }
|
|
|
|
// });
|
|
// });
|
|
// for view specific product in a modal-body
|
|
$(document).on("click", ".PHOTO", function () {
|
|
|
|
var DESIGNID = $(this).data('id');
|
|
// alert(DESIGNID);
|
|
// $(".modal-body #cusid").val( cusid )
|
|
|
|
$.ajax({ //create an ajax request to load_page.php
|
|
type:"POST",
|
|
url: "viewProduct.php",
|
|
dataType: "text", //expect html to be returned
|
|
data:{DESIGNID:DESIGNID},
|
|
success: function(data){
|
|
$("#photoModal").html(data);
|
|
// alert(data);
|
|
}
|
|
|
|
});
|
|
});
|
|
// end viewing.................................
|
|
// viewing orer
|
|
$(document).on("click", ".orderid", function () {
|
|
var p_id = $(this).data('id');
|
|
// alert(p_id);
|
|
// $(".modal-body #tabledata").val( p_id );
|
|
|
|
$.ajax({ //create an ajax request to load_page.php
|
|
type:"POST",
|
|
url: "customer/listorderedproduct.php",
|
|
dataType: "text", //expect html to be returned
|
|
data:{ordernumber:p_id},
|
|
success: function(data){
|
|
$("#myOrdered").html(data);
|
|
// alert(data);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
// end viewing.................................
|
|
|
|
|
|
$(document).on("click", "#btn_close" , function () {
|
|
|
|
// alert('get');
|
|
$.ajax({ //create an ajax request to load_page.php
|
|
type:"POST",
|
|
url: "viewProduct.php",
|
|
dataType: "text", //expect html to be returned
|
|
data:{close:"close"},
|
|
success: function(data){
|
|
|
|
// alert("closing");
|
|
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
// viewing orer
|
|
// $(document).on("click", ".unsetmsg", function () {
|
|
// var SUMID = $(this).data('id');
|
|
// alert(SUMID);
|
|
// // $(".modal-body #tabledata").val( p_id );
|
|
|
|
// $.ajax({ //create an ajax request to load_page.php
|
|
// type:"POST",
|
|
// url: "cart/controller.php?action=unsetmsg",
|
|
// dataType: "text", //expect html to be returned
|
|
// data:{summaryid:SUMID},
|
|
// success: function(data){
|
|
// $("#myOrdered").html(data);
|
|
// alert(data);
|
|
|
|
// }
|
|
|
|
// });
|
|
|
|
|
|
// });
|
|
// end viewing.................................
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(document).on("click", ".confirm" , function () {
|
|
var confirm = $(this).data('id');
|
|
// alert(confirm);
|
|
// // $(".modal-body #tabledata").val( p_id );
|
|
|
|
|
|
$.ajax({ //create an ajax request to load_page.php
|
|
type:"POST",
|
|
url: "orderedproduct.php",
|
|
dataType: "text", //expect html to be returned
|
|
data:{id:confirm,actions:"confirm"},
|
|
success: function(data){
|
|
// $("#status").html(data);
|
|
$("#myModal").html(data) ;
|
|
// alert(data);
|
|
}
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
$(document).on("click", ".cancel" , function () {
|
|
var cancel = $(this).data('id');
|
|
// alert(cancel);
|
|
// // $(".modal-body #tabledata").val( p_id );
|
|
|
|
|
|
$.ajax({ //create an ajax request to load_page.php
|
|
type:"POST",
|
|
url: "orderedproduct.php",
|
|
dataType: "text", //expect html to be returned
|
|
data:{id:cancel,actions:"cancel"},
|
|
success: function(data){
|
|
// $("#status").html(data);
|
|
// alert(data);
|
|
$("#myModal").html(data) ;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$(document).on("click", ".MAINorder", function () {
|
|
var productid = $(this).data('id');
|
|
// alert(p_id);
|
|
// $(".modal-body #tabledata").val( p_id );
|
|
|
|
$.ajax({ //create an ajax request to load_page.php
|
|
type:"POST",
|
|
url: "addtocart.php",
|
|
dataType: "text", //expect html to be returned
|
|
data:{product_id:productid},
|
|
success: function(data){
|
|
$("#CART").html(data);
|
|
// alert(data);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
$(document).on("click", ".delete", function () {
|
|
var productid = $(this).data('id');
|
|
// alert(p_id);
|
|
// $(".modal-body #tabledata").val( p_id );
|
|
|
|
$.ajax({ //create an ajax request to load_page.php
|
|
type:"GET",
|
|
url: "add.php",
|
|
dataType: "text", //expect html to be returned
|
|
data:{id:productid},
|
|
success: function(data){
|
|
$("#CART").html(data);
|
|
// alert(data);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// for the table
|
|
$(document).ready(function() {
|
|
var t = $('#example').DataTable( {
|
|
|
|
"columnDefs": [ {
|
|
"searchable": false,
|
|
"orderable": false,
|
|
"targets": 0
|
|
|
|
} ],
|
|
"sort": false,
|
|
"bLengthChange": false,
|
|
|
|
//ordering start at column 1
|
|
"order": [[ 4, 'desc' ]]
|
|
} );
|
|
|
|
t.on( 'order.dt search.dt', function () {
|
|
t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
|
|
cell.innerHTML = i+1;
|
|
} );
|
|
} ).draw();
|
|
} );
|
|
|
|
// end table
|
|
|
|
|
|
|
|
// for the table
|
|
$(document).ready(function() {
|
|
var t = $('#home').DataTable( {
|
|
|
|
"sFirst": "First",
|
|
"sLast": "Last",
|
|
"bInfo": null,
|
|
"bLengthChange": false ,
|
|
"searching": false
|
|
// "responsive": true
|
|
} );
|
|
|
|
|
|
} );
|
|
|
|
// end table
|
|
|
|
|
|
$(document).ready(function ($) {
|
|
// delegate calls to data-toggle="lightbox"
|
|
$(document).delegate('*[data-toggle="lightbox"]:not([data-gallery="navigateTo"])', 'click', function(event) {
|
|
event.preventDefault();
|
|
return $(this).ekkoLightbox({
|
|
onShown: function() {
|
|
if (window.console) {
|
|
return console.log('Checking our the events huh?');
|
|
}
|
|
},
|
|
onNavigate: function(direction, itemIndex) {
|
|
if (window.console) {
|
|
return console.log('Navigating '+direction+'. Current item: '+itemIndex);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
//Programatically call
|
|
$('#open-image').click(function (e) {
|
|
e.preventDefault();
|
|
$(this).ekkoLightbox();
|
|
});
|
|
$('#open-youtube').click(function (e) {
|
|
e.preventDefault();
|
|
$(this).ekkoLightbox();
|
|
});
|
|
|
|
// navigateTo
|
|
$(document).delegate('*[data-gallery="navigateTo"]', 'click', function(event) {
|
|
event.preventDefault();
|
|
|
|
var lb;
|
|
return $(this).ekkoLightbox({
|
|
onShown: function() {
|
|
|
|
lb = this;
|
|
|
|
$(lb.modal_content).on('click', '.modal-footer a', function(e) {
|
|
|
|
e.preventDefault();
|
|
lb.navigateTo(2);
|
|
|
|
});
|
|
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
}); |