web_programming/fridge_bites
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: web_programming:f336917b626a5339a164aa1ed546dafc6065bffe
Branches Tags
web_programming:master
web_programming:develop
..
compare: web_programming:9a3d2da4124849030a620f76e25453b65f9e2c79
Branches Tags
web_programming:master
web_programming:develop

No commits in common. "f336917b626a5339a164aa1ed546dafc6065bffe" and "9a3d2da4124849030a620f76e25453b65f9e2c79" have entirely different histories.
f336917b62 ... 9a3d2da412

2 changed files with 12 additions and 41 deletions
Show Stats Expand all files Collapse all files

1
apps/Recipes/Templates/single.php
View File

@ -12,7 +12,6 @@ the_header(
?> ?>
<div id="recipe-id" hidden><?= $context['recipe']->get_id() ?></div> <div id="recipe-id" hidden><?= $context['recipe']->get_id() ?></div>
<div id="in-usermenu" hidden><?= $context['recipe']->in_usermenu; ?></div>
<div class="container"> <div class="container">
<div class="single-recipe"> <div class="single-recipe">

40
assets/js/single.js
View File

@ -15,41 +15,13 @@ document.addEventListener('click', (e) => {
const options = document.querySelectorAll('.dropdown-item'); const options = document.querySelectorAll('.dropdown-item');
const inUsermenu = document.getElementById('in-usermenu').textContent;
if (inUsermenu) {
options.forEach(option => {
if (option.getAttribute('data-value') === inUsermenu && option.getAttribute('data-value') !== 'remove') {
option.classList.add('dropdown-selected');
toggleBtn.textContent = option.textContent;
}
});
}
options.forEach(option => { options.forEach(option => {
option.addEventListener('click', async (e) => { option.addEventListener('click', () => {
const selectedValue = option.getAttribute('data-value'); const selectedValue = option.getAttribute('data-value');
options.forEach(opt => opt.classList.remove('dropdown-selected')); options.forEach(opt => opt.classList.remove('dropdown-selected'));
const formData = new FormData();
formData.append('action', 'usermenu');
formData.append('recipe_id', recipeId);
formData.append('dayofweek', selectedValue);
const response = await fetch('/ajax', {
method: 'POST',
body: formData
});
const json = await response.json();
if (!response.ok) {
const message = json.error;
showToastify(message, 'error');
return;
}
if (selectedValue === 'remove') { if (selectedValue === 'remove') {
toggleBtn.textContent = 'Add to list'; toggleBtn.textContent = 'Add to list';
} else { } else {
@ -59,7 +31,7 @@ options.forEach(option => {
dropdown.classList.add('hidden'); dropdown.classList.add('hidden');
showToastify(json.success, 'success'); alert(`You selected: ${selectedValue}`);
}); });
}); });
@ -92,8 +64,8 @@ qrBtn.addEventListener("click", () => {
}, 500); }, 500);
}); });
document.addEventListener('click', (e) => { document.addEventListener('click', (e) =>{
if (!qrPopup.contains(e.target) && !qrBtn.contains(e.target)) { if(!qrPopup.contains(e.target) && !qrBtn.contains(e.target)){
qrPopup.classList.add("hidden"); qrPopup.classList.add("hidden");
overlay.classList.add("hidden"); overlay.classList.add("hidden");
} }
@ -121,14 +93,14 @@ favoriteBtn.addEventListener('click', async (e) => {
const json = await response.json(); const json = await response.json();
if (!response.ok) { if(!response.ok) {
const message = json.error; const message = json.error;
showToastify(message, 'error'); showToastify(message, 'error');
return; return;
} }
favoriteBtn.classList.toggle('active'); favoriteBtn.classList.toggle('active');
if (type == 'add') { if(type == 'add') {
favoriteIcon.classList.remove('fa-regular'); favoriteIcon.classList.remove('fa-regular');
favoriteIcon.classList.add('fa-solid'); favoriteIcon.classList.add('fa-solid');
} else { } else {