added product & shop
This commit is contained in:
72
js/app.ts
72
js/app.ts
@@ -1,17 +1,13 @@
|
||||
$(document).ready(function() {
|
||||
|
||||
$('#mmlMainContent').load('../components/homepage.html');
|
||||
$('#top_nav_bar').load('../components/top_nav.html');
|
||||
$('#main_nav_bar').load('../components/main_nav.html', function() {
|
||||
updateCartCount();
|
||||
if (document.cookie.indexOf('loggedIn=true') != -1) {
|
||||
$('#main_nav_bar').find('#loginLink').hide();
|
||||
$('#main_nav_bar').find('#registerLink').hide();
|
||||
$('#main_nav_bar').find('#logoutLink').show();
|
||||
$('#main_nav_bar').find('#profileLink').show();
|
||||
loggedInState();
|
||||
} else {
|
||||
$('#main_nav_bar').find('#loginLink').show();
|
||||
$('#main_nav_bar').find('#registerLink').show();
|
||||
$('#main_nav_bar').find('#logoutLink').hide();
|
||||
$('#main_nav_bar').find('#profileLink').hide();
|
||||
loggedOutState();
|
||||
}
|
||||
document.getElementById('registerLink')?.addEventListener('click', function() {
|
||||
$('#mmlMainContent').load('../components/register.html');
|
||||
@@ -23,19 +19,63 @@ $(document).ready(function() {
|
||||
$('#mmlMainContent').load('../components/login.html');
|
||||
},);
|
||||
document.getElementById('logoutLink')?.addEventListener('click', function() {
|
||||
document.cookie = 'loggedIn=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
|
||||
document.cookie = 'email=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
|
||||
document.cookie = 'rememberme=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
|
||||
$('#mmlMainContent').load('../components/homepage.html');
|
||||
$('#main_nav_bar').find('#loginLink').show();
|
||||
$('#main_nav_bar').find('#registerLink').show();
|
||||
$('#main_nav_bar').find('#logoutLink').hide();
|
||||
$('#main_nav_bar').find('#profileLink').hide();
|
||||
logout();
|
||||
});
|
||||
document.getElementById('profileLink')?.addEventListener('click', function() {
|
||||
$('#mmlMainContent').load('../components/profile.html');
|
||||
});
|
||||
document.getElementById('shopLink')?.addEventListener('click', function() {
|
||||
$('#mmlMainContent').load('../components/shop.html');
|
||||
});
|
||||
document.getElementById('cartLink')?.addEventListener('click', function() {
|
||||
$('#mmlMainContent').load('../components/cart.html');
|
||||
});
|
||||
});
|
||||
$('#marmeladenladen_footer').load('../components/footer.html');
|
||||
$('#marmeladenladen_search').load('../components/modal.html');
|
||||
});
|
||||
|
||||
function loggedInState() {
|
||||
$('#main_nav_bar').find('#loginLink').hide();
|
||||
$('#main_nav_bar').find('#registerLink').hide();
|
||||
$('#main_nav_bar').find('#logoutLink').show();
|
||||
$('#main_nav_bar').find('#profileLink').show();
|
||||
}
|
||||
|
||||
function loggedOutState() {
|
||||
$('#main_nav_bar').find('#loginLink').show();
|
||||
$('#main_nav_bar').find('#registerLink').show();
|
||||
$('#main_nav_bar').find('#logoutLink').hide();
|
||||
$('#main_nav_bar').find('#profileLink').hide();
|
||||
}
|
||||
|
||||
function logout() {
|
||||
document.cookie = 'loggedIn=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
|
||||
document.cookie = 'email=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
|
||||
document.cookie = 'rememberme=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
|
||||
$('#mmlMainContent').load('../components/homepage.html');
|
||||
$('#main_nav_bar').find('#loginLink').show();
|
||||
$('#main_nav_bar').find('#registerLink').show();
|
||||
$('#main_nav_bar').find('#logoutLink').hide();
|
||||
$('#main_nav_bar').find('#profileLink').hide();
|
||||
}
|
||||
|
||||
function updateCartCount() {
|
||||
var items = getCartCount();
|
||||
$('#cartCount').text(items);
|
||||
}
|
||||
|
||||
function getCartCount() {
|
||||
var items;
|
||||
if (sessionStorage.getItem('cart')) {
|
||||
var cart = JSON.parse(sessionStorage.getItem('cart')!) ?? [];
|
||||
items = 0;
|
||||
for (let i = 0; i < cart.length; i++) {
|
||||
var object = JSON.parse(cart[i]);
|
||||
items += object.count;
|
||||
}
|
||||
} else {
|
||||
items = 0;
|
||||
}
|
||||
return items;
|
||||
}
|
||||
Reference in New Issue
Block a user