..
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85 | $(document).ready(function(){
$('#signout').click(function(){
firebase.auth().signOut().then(function() {
window.location.replace('../')
}).catch(function(error) {
showAlert("Failed to sign out")
});
})
firebase.auth().onAuthStateChanged(function(user) {
if (user) {
console.log(user)
$("#sign").hide()
$("#signed").show()
}
});
// var url = window.location.href;
//
var url = window.location.href;
if( url.search( 'productid' ) > 0 ) {
option = url.match(/productid=(.*)/)[1];
$.getJSON("../products.json", function(result){
var size = (Object.keys(result).length)
if(option > -1 && option < size) {
loadProduct(option);
}
else {
showErrorDiv()
}
})
} else {
loadAllProducts()
}
function loadProduct (productid) {
$('#loader').empty();
$.getJSON("../products.json", function(result){
// console.log(result[productid])
str = "";
for(i=0; i< Object.keys(result[productid].productDescription).length; i++) {
str += ('<li>' + result[productid].productDescription[i] + '</li>');
}
firebase.auth().onAuthStateChanged(function(user) {
var cartRef = firebase.database().ref('userCart/' + user.uid + '/' + productid);
cartRef.on('value', function(snapshot) {
// console.log(snapshot.val())
if(snapshot.val() != null) {
$('#loader').append('<div class="productDetail"><div class="picture" style="background-image:url(\''+result[productid].ProductImageURL+'\');"></div><div class="content"><h1>'+result[productid].productName+'</h1><ul>'+str+'</ul><h3>$'+result[productid].productPrice+'</h3><button class="clickAdd" disabled id="'+productid+'">Already in Cart</button></div></div>');
} else {
$('#loader').append('<div class="productDetail"><div class="picture" style="background-image:url(\''+result[productid].ProductImageURL+'\');"></div><div class="content"><h1>'+result[productid].productName+'</h1><ul>'+str+'</ul><h3>$'+result[productid].productPrice+'</h3><button class="clickAdd" id="'+productid+'">Add to Cart</button></div></div>');
}
$('.clickAdd').click(function(){
// console.log(productid)
var cartRef = firebase.database().ref('userCart/' + user.uid + '/' + productid);
cartRef.set({
name : result[productid].productName,
price : result[productid].productPrice
})
$('#loader').empty();
$('#loader').append('<div class="productDetail"><div class="picture" style="background-image:url(\''+result[productid].ProductImageURL+'\');"></div><div class="content"><h1>'+result[productid].productName+'</h1><ul>'+str+'</ul><h3>$'+result[productid].productPrice+'</h3><button class="clickAdd" disabled id="'+productid+'">Already in Cart</button></div></div>');
showAlert("Product added in cart. You can view your cart and check out now.")
})
});
});
})
}
function showErrorDiv() {
$('#loader').empty();
$('#loader').append('<h1>This product does not exist.</h1><p>Click <a href="../dashboard">here</a> to go home</p>');
}
function loadAllProducts() {
$('#loader').empty();
$.getJSON("../products.json", function(result){
// console.log(result)
var size = (Object.keys(result).length)
for(i = 0; i < size ; i++)
{
$('#loader').append('<div class="singleProduct"><div class="productImage" style="background-image: url(\''+result[i].ProductImageURL+'\');"></div><h3 class="productTitle">'+result[i].productName+'</h3><h5 class="productPrice">$'+result[i].productPrice+'</h5><a href="index.html?productid='+result[i].productId+'">View Product</a></div>')
}
});
}
$('#cart').click(function(){
window.location.replace('cart');
})
})
|
|