2021323
/
Backend
1
0
Fork 0
Code Pull Requests Activity

fix: Multi skill add works now

pull/4/head
Lunix-420 2024-11-15 01:38:03 +01:00
parent cb6c9ae008
commit 2a2030ddc0
1 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/main/resources/static/js/skills/skillSelector.js
View File

@ -113,16 +113,6 @@ function addSkillSelector() {
// Delete the existing options and set it to the default value // Delete the existing options and set it to the default value
rebuildOptions(); rebuildOptions();
// Update the visibility of the "Entfernen" buttons
updateRemoveButtonsVisibility();
// Append the new skill selector to the container
const container = document.querySelector(".skill-selectors");
container.appendChild(newSkillSelector);
// Initialize star rating components for the new skill selector
initializeStarRatingComponents();
// Add event listener to the new "Entfernen" button // Add event listener to the new "Entfernen" button
newSkillSelector newSkillSelector
.querySelector(".btn-default") .querySelector(".btn-default")
@ -130,6 +120,15 @@ function addSkillSelector() {
event.preventDefault(); event.preventDefault();
handleRemoveSkillButtonClick(this); handleRemoveSkillButtonClick(this);
}); });
// Append the new skill selector to the container
skillSelectorList.appendChild(newSkillSelector);
// Initialize star rating components for the new skill selector
initializeStarRatingComponents();
// Update the visibility of the "Entfernen" buttons
updateRemoveButtonsVisibility();
} }
//==================================================================================== //====================================================================================
@ -140,17 +139,13 @@ function updateRemoveButtonsVisibility() {
const skillSelectors = document.querySelectorAll(".skill-selector"); const skillSelectors = document.querySelectorAll(".skill-selector");
const removeButtons = document.querySelectorAll(".btn-default"); const removeButtons = document.querySelectorAll(".btn-default");
// Show "Entfernen" buttons only if there are at least two skill selectors
if (skillSelectors.length > 1) { if (skillSelectors.length > 1) {
removeButtons.forEach((button) => { removeButtons.forEach((button) => {
const selectElement = button const selectElement = button
.closest(".skill-selector") .closest(".skill-selector")
.querySelector("#secondarySkill"); ?.querySelector("#secondarySkill");
if (selectElement.value) { button.style.display =
button.style.display = "inline-block"; selectElement && selectElement.value ? "inline-block" : "none";
} else {
button.style.display = "none";
}
}); });
} else { } else {
removeButtons.forEach((button) => { removeButtons.forEach((button) => {
@ -169,7 +164,13 @@ function handleRemoveSkillButtonClick(button) {
skillSelector.remove(); skillSelector.remove();
// If there is no slector with an empty value left we need to add one // If there is no slector with an empty value left we need to add one
addSkillSelector(); if (
document.querySelectorAll("#secondarySkill option[value='']").length === 0
) {
addSkillSelector();
} else {
rebuildOptions();
}
} }
//==================================================================================== //====================================================================================