alu/cse110-fa22-group29
1
0
Fork 0
mirror of https://github.com/cse110-fa22-group29/cse110-fa22-group29.git synced 2025-09-09 16:17:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

css and js for ReviewDetails

Browse Source 
Co-authored-by: Kara Hoagland <KH-Cl@users.noreply.github.com>
Co-authored-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
d7hernan
2022-11-20 16:27:27 -08:00
parent dd3e0cfefb
commit 6ce15a094e
6 changed files with 174 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
source/assets/scripts/ReviewDetails.js
View File

@@ -5,10 +5,54 @@ import {deleteReviewFromStorage, getReviewFromStorage, updateReviewToStorage} fr
window.addEventListener("DOMContentLoaded", init);
function init(){
setupInfo();
setupDelete();
setupUpdate();
}
function setupInfo(){
let currID = JSON.parse(sessionStorage.getItem("currID"));
let currReview = getReviewFromStorage(currID);
//meal image
let mealImg = document.getElementById("d-mealImg");
mealImg.setAttribute("alt", currReview["imgAlt"]);
if(currReview["mealImg"] != ""){
mealImg.setAttribute("src",currReview["mealImg"]);
}
else{
mealImg.setAttribute("src", "./assets/images/icons/plate_with_cutlery.png");
}
//meal name
let mealLabel = document.getElementById("d-mealName");
mealLabel.innerHTML = currReview["mealName"];
//restaurant name
/*let restaurantLabel = document.getElementById("d-restaurant");
restaurantLabel.innerHTML = currReview["restaurant"];
//comments
let comments = document.getElementById("d-comments");
comments.innerText = currReview["comments"];
*/
//rating
let starsImg = document.getElementById("d-rating");
starsImg.setAttribute("src", "./assets/images/icons/"+currReview["rating"]+"-star.svg");
starsImg.setAttribute("alt", currReview["rating"] +" stars");
/*
//tags
let tagContainer = document.getElementById("d-tags");
if(currReview["tags"]){
for (let i = 0; i < currReview["tags"].length; i++) {
let newTag = document.createElement("label");
newTag.setAttribute("class","tag");
newTag.innerHTML = currReview["tags"][i];
tagContainer.append(newTag);
}
}*/
}
function setupDelete(){
let deleteBtn = document.getElementById("delete-btn");
let currID = JSON.parse(sessionStorage.getItem("currID"));
@@ -26,11 +70,11 @@ function setupUpdate(){
let currID = JSON.parse(sessionStorage.getItem("currID"));
let currReview = getReviewFromStorage(currID);
let form = document.getElementById("update-food-entry");
let updateDiv = document.getElementById("update-form-div");
updateBtn.addEventListener("click", function(){
//update function
//form.style.display = "block";
form.classList.remove("hidden");
updateDiv.style.display = "block";
let tagContainer = document.getElementById("tag-container-form");
//Set value of each input element to current's values

3
source/assets/scripts/localStorage.js
View File

@@ -17,8 +17,7 @@ export function newReviewToStorage(review){
localStorage.setItem("activeIDS", JSON.stringify(tempIdArr));
//increment nextID for next review creation
nextReviewId++;
localStorage.setItem("nextID", JSON.stringify(nextReviewId));
localStorage.setItem("nextID", JSON.stringify(nextReviewId + 1));
return nextReviewId;
}