-
-
-
✕
+
+
+
+
+
+
-
-
-
`;
questionsSection.appendChild(newQuestionDiv);
questionCount++;
updateAddButtonPosition();
}
+ function deleteQuestion(element) {
+ let questionContainer = element.closest(".question");
+ if (questionContainer) {
+ questionContainer.remove();
+ updateAddButtonPosition();
+ }
+ }
+
+ function updateAddButtonPosition() {
+ const questions = questionsSection.querySelectorAll(".question");
+ const lastQuestion = questions[questions.length - 1];
+
+ if (lastQuestion) {
+ const selectQuestionType = lastQuestion.querySelector(".question_type");
+ if (selectQuestionType) {
+ const sidebar = document.getElementById("moveableDiv");
+ const offset = selectQuestionType.offsetTop - sidebar.offsetHeight;
+ sidebar.style.transform = `translateY(${offset}px)`;
+ console.log(`Moving sidebar to: ${offset}px`);
+ } else {
+ console.warn("No .question_type found in last question.");
+ }
+ } else {
+ const sidebar = document.getElementById("moveableDiv");
+ sidebar.style.transform = `translateY(0px)`;
+ console.log(`Moving sidebar to: 0px`);
+ }
+ }
+
function saveForm() {
const formTitle = document.getElementById("form-title").value;
- const formDescription =
- document.getElementById("form-description").value;
+ const formDescription = document.getElementById("form-description").value;
const questions = document.querySelectorAll(".question");
let formData = [];
questions.forEach((question, index) => {
const questionType = question.querySelector("select").value;
- const questionText =
- question.querySelector(".question-input").value;
- const options = Array.from(
- question.querySelectorAll(".option-input")
- ).map((input) => input.value);
+ const questionText = question.querySelector(".question-input").value;
+ const options = Array.from(question.querySelectorAll(".option-input")).map((input) => input.value);
formData.push({
type: questionType,
- text: questionText, // Ensure this matches the key in the PHP validation
+ text: questionText,
options: options,
});
});
- // Get CSRF token
const csrfTokenMeta = document.querySelector('meta[name="csrf-token"]');
let csrfToken = "";
if (csrfTokenMeta) {
csrfToken = csrfTokenMeta.getAttribute("content");
} else {
console.error("CSRF token meta tag not found.");
- // Handle the error condition gracefully or abort further execution
return;
}
@@ -94,10 +334,9 @@ document.addEventListener("DOMContentLoaded", function () {
questions: formData,
};
- console.log("Form Data:", data); // Log form data
- console.log("CSRF Token:", csrfToken); // Log CSRF token
+ console.log("Form Data:", data);
+ console.log("CSRF Token:", csrfToken);
- // Send AJAX request to save the form data
fetch("/forms", {
method: "POST",
headers: {
@@ -113,10 +352,10 @@ document.addEventListener("DOMContentLoaded", function () {
return response.json();
})
.then((result) => {
- console.log("Server Response:", result); // Log server response
+ console.log("Server Response:", result);
if (result.success) {
alert("Form saved successfully!");
- window.location.href = "/forms"; // Redirect to forms index page
+ window.location.href = "/forms";
} else {
alert("Failed to save form.");
}
@@ -135,18 +374,14 @@ document.addEventListener("DOMContentLoaded", function () {
window.previewForm = function (formId) {
const formTitle = document.getElementById("form-title").value;
- const formDescription =
- document.getElementById("form-description").value;
+ const formDescription = document.getElementById("form-description").value;
const questions = document.querySelectorAll(".question");
let formData = [];
- questions.forEach((question, index) => {
+ questions.forEach((question) => {
const questionType = question.querySelector("select").value;
- const questionText =
- question.querySelector(".question-input").value;
- const options = Array.from(
- question.querySelectorAll(".option-input")
- ).map((input) => input.value);
+ const questionText = question.querySelector(".question-input").value;
+ const options = Array.from(question.querySelectorAll(".option-input")).map((input) => input.value);
formData.push({
type: questionType,
text: questionText,
@@ -163,46 +398,10 @@ document.addEventListener("DOMContentLoaded", function () {
window.location.href = '/forms/' + formId + '/preview';
};
- window.addNewQuestion = addNewQuestion;
- window.deleteQuestion = deleteQuestion;
- window.addOption = addOption;
- window.changeQuestionType = changeQuestionType;
+ // Assuming there's a button with id "add-question-button"
+ document.getElementById("add-question-button").addEventListener("click", addNewQuestion);
+
+ document.getElementById("questions_section").addEventListener("DOMNodeInserted", updateAddButtonPosition);
+ document.getElementById("questions_section").addEventListener("DOMNodeRemoved", updateAddButtonPosition);
});
-function deleteQuestion(element) {
- let questionContainer = element.closest(".question");
- if (questionContainer) {
- questionContainer.remove();
- updateAddButtonPosition();
- }
-}
-
-function deleteOption(span) {
- const optionDiv = span.parentElement;
- optionDiv.remove();
- updateAddButtonPosition();
-}
-
-function updateAddButtonPosition() {
- const questionsSection = document.getElementById("questions_section");
- const lastQuestion = questionsSection.lastElementChild;
-
- // Check if lastQuestion exists before accessing its properties
- if (lastQuestion) {
- const selectQuestionType = lastQuestion.querySelector(".question_type");
-
- // Ensure selectQuestionType is not null before accessing offsetTop
- if (selectQuestionType) {
- const sidebar = document.getElementById("moveableDiv");
- const offset = selectQuestionType.offsetTop - sidebar.offsetHeight;
- sidebar.style.transform = `translateY(${offset}px)`;
- console.log(`Moving sidebar to: ${offset}px`);
- } else {
- console.warn("No .question_type found in last question.");
- }
- } else {
- const sidebar = document.getElementById("moveableDiv");
- sidebar.style.transform = `translateY(0px)`;
- console.log(`Moving sidebar to: 0px`);
- }
-}
diff --git a/resources/views/forms/create.blade.php b/resources/views/forms/create.blade.php
index 77f2f4e..e26974a 100644
--- a/resources/views/forms/create.blade.php
+++ b/resources/views/forms/create.blade.php
@@ -54,51 +54,47 @@