blob: 6b9990f06feb335611e915e673216e4a0051a34b (
plain)
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
|
$(document).ready(function(){
function showAlert(message) {
// Get the snackbar DIV
var x = document.getElementById("snackbar");
$('#snackbar').text(message)
// Add the "show" class to DIV
x.className = "show";
// After 3 seconds, remove the show class from DIV
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}
$('#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) {
window.location.replace('../')
}
});
// 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) {
$.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>');
}
$('#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>Add to Cart</button></div></div>');
})
}
function showErrorDiv() {
$('#loader').append('<h1>This product does not exist.</h1><p>Click <a href="../dashboard">here</a> to go home</p>');
}
function loadAllProducts() {
$.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>')
}
});
}
})
|
