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

No tag duplicates

Browse Source
This commit is contained in:
Kara Hoagland
2022-11-28 18:48:55 -08:00
parent 5e06bd0cf7
commit 847e8a1aa1
3 changed files with 63 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,5 @@
//reviewDetails.js
import {addTagsToStorage, deleteReviewFromStorage, deleteTagsFromStorage, getReviewFromStorage, updateReviewToStorage} from "./localStorage.js";
import {deleteReviewFromStorage, getReviewFromStorage, updateReviewToStorage} from "./localStorage.js";
// Run the init() function when the page has loaded
window.addEventListener("DOMContentLoaded", init);
@@ -92,16 +92,21 @@ function setupUpdate(){
document.getElementById("s" + `${currReview["rating"]}`).checked = true;
document.getElementById("restaurant").defaultValue = currReview["restaurant"];
//Set used to track tags and ensure no duplicates
let tagSet = new Set();
if(currReview["tags"]){
while (tagContainer.firstChild) {
tagContainer.removeChild(tagContainer.firstChild);
}
for (let i = 0; i < currReview["tags"].length; i++) {
tagSet.add(currReview["tags"][i].toLowerCase());
let newTag = document.createElement("label");
newTag.setAttribute("class","tag");
newTag.innerHTML = currReview["tags"][i];
newTag.addEventListener("click",()=> {
tagContainer.removeChild(newTag);
tagSet.delete(currReview["tags"][i].toLowerCase());
});
tagContainer.append(newTag);
}
@@ -186,19 +191,24 @@ function setupUpdate(){
});
//adding tag to form functionality
//TODO: disable duplicate tags (use set?)
let tagAddBtn = document.getElementById("tag-add-btn");
tagAddBtn.addEventListener("click", ()=> {
let tagField = document.getElementById("tag-form");
if (tagField.value.length > 0) {
let tagLabel = document.createElement("label");
tagLabel.innerHTML = tagField.value;
tagLabel.setAttribute("class","tag");
tagLabel.addEventListener("click",()=> {
tagContainer.removeChild(tagLabel);
});
if (!tagSet.has(tagField.value.toLowerCase())){
let tagLabel = document.createElement("label");
tagLabel.innerHTML = tagField.value;
tagLabel.setAttribute("class","tag");
tagSet.add(tagField.value.toLowerCase());
tagLabel.addEventListener("click",()=> {
tagContainer.removeChild(tagLabel);
tagSet.delete(tagField.value.toLowerCase());
});
tagContainer.append(tagLabel);
tagContainer.append(tagLabel);
} else {
window.alert("No duplicate tags allowed");
}
tagField.value = "";
}
});