`;
questionsSection.append(questionHtml);
updateAddButtonPosition();
}
function deleteQuestion(button) {
$(button).closest('.question').remove();
updateQuestionIndices();
updateAddButtonPosition();
}
function updateQuestionIndices() {
$('#questions-section .question').each((index, element) => {
$(element).attr('data-index', index);
$(element).find('.question-type').attr('name', `questions[${index}][type]`);
$(element).find('.question-input').attr('name', `questions[${index}][text]`);
$(element).find('.question-input').attr('id', `question-text-${index}`);
$(element).find('.form-check-input').attr('name', `questions[${index}][required]`);
$(element).find('.form-check-input').attr('id', `question-required-${index}`);
$(element).find('.options-container').find('.option-input').each((optionIndex,
optionElement) => {
$(optionElement).attr('name',
`questions[${index}][options][${optionIndex}]`);
});
});
}
function handleQuestionTypeChange(selectElement) {
const selectedType = $(selectElement).val();
const optionsContainer = $(selectElement).closest('.question').find('.options-container');
if (selectedType === 'text') {
optionsContainer.hide();
} else {
optionsContainer.show();
}
}
function updateAddButtonPosition() {
const questions = document.querySelectorAll("#questions-section .question");
const sidebar = document.getElementById("moveableDiv");
if (questions.length > 0) {
const lastQuestion = questions[questions.length - 1];
const offsetTop = lastQuestion.offsetTop;
const sidebarHeight = sidebar.offsetHeight;
const containerHeight = document.getElementById("questions-section").offsetHeight;
const newPosition = offsetTop + lastQuestion.offsetHeight;
if (newPosition + sidebarHeight <= containerHeight) {
sidebar.style.transform = `translateY(${newPosition + 75}px)`;
console.log(`Moving sidebar to: ${newPosition + 75}px`);
} else {
sidebar.style.transform = `translateY(${containerHeight - sidebarHeight + 75}px)`;
console.log(`Moving sidebar to bottom of container`);
}
} else {
sidebar.style.transform = `translateY(0px)`;
console.log("No questions, moving sidebar to top");
}
}
$(document).ready(function() {
$('#profileMenuButton').click(function() {
$('#profileMenu').toggleClass('hidden');
});
$(document).click(function(event) {
if (!$(event.target).closest('#profileMenuButton, #profileMenu').length) {
$('#profileMenu').addClass('hidden');
}
});
$('.question-type').each((index, element) => {
handleQuestionTypeChange(element);
});
updateAddButtonPosition();
});