Modulo Creazione Intimità

Scegli una didascalia per questa immagine.\",\n \"id\": \"q33\",\n \"type\": \"multiple-choice\",\n \"options\": [\n \"Multitasking a livello professionale... o disperato!\",\n \"Un giorno normale, ma con un pizzico di caos in più.\",\n \"Scommetto che il gatto ha deciso di unirsi al volo!\",\n \"La mia giornata spiegata meglio di quanto potrei farlo io.\",\n \"Chiamalo equilibrio… o pura follia.\",\n ],\n },\n {\n \"content\": \"

Scegli una didascalia per questa immagine.\",\n \"id\": \"q34\",\n \"type\": \"multiple-choice\",\n \"options\": [\n \"Quando le emozioni decidono di organizzare una festa senza invitarmi.\",\n \"Caos o arte? Dipende da quanta caffeina hai bevuto.\",\n \"Una giornata normale dentro la mia testa.\",\n \"Il balletto delle emozioni umane.\",\n \"La calma dopo (e prima) della tempesta.\",\n ],\n },\n {\n \"content\": \"

Scegli una didascalia per questa immagine.\",\n \"id\": \"q35\",\n \"type\": \"multiple-choice\",\n \"options\": [\n \"Il segreto della salsa perfetta è nascosto qui.\",\n \"Un lunedì mattina visto al microscopio.\",\n \"In attesa dell'autobus intergalattico.\",\n \"Manuale di istruzioni per il tostapane cosmico.\",\n \"Quando chiedi direzioni, ma ricevi solo poesie.\",\n ],\n },\n {\n \"content\": \"

In questa immagine percepisci\",\n \"id\": \"q36\",\n \"type\": \"multiple-choice\",\n \"options\": [\n \"il colore rosso in primo piano\",\n \"il colore blu in primo piano\",\n \"rosso e blu allo stesso livello\",\n ],\n },\n];\n\n// Progress Bar Component\nfunction ProgressBar({\n currentStep,\n totalSteps,\n}: {\n currentStep: number;\n totalSteps: number;\n}) {\n const progressPercentage = ((currentStep + 1) / totalSteps) * 100;\n\n return (\n \n \n \n );\n}\n\nfunction QuestionnaireApp() {\n const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0);\n const [answers, setAnswers] = useState>({});\n const [currentAnswer, setCurrentAnswer] = useState(\"\");\n\n const currentQuestion = QUESTIONS[currentQuestionIndex];\n\n const handleAnswerChange = (value: string) => {\n setCurrentAnswer(value);\n };\n\n const handleNextQuestion = () => {\n // Save current answer\n setAnswers(prev => ({\n ...prev,\n [currentQuestion.id]: currentAnswer,\n }));\n\n // Reset current answer and move to next question\n setCurrentAnswer(\"\");\n\n if (currentQuestionIndex < QUESTIONS.length - 1) {\n setCurrentQuestionIndex(prev => prev + 1);\n } else {\n // Submit answers when questionnaire is complete\n submitAnswers({ ...answers, [currentQuestion.id]: currentAnswer });\n }\n };\n\n const submitAnswers = async (submittedAnswers: Record) => {\n try {\n const response = await fetch(\"/submit-questionnaire\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(submittedAnswers),\n });\n\n if (response.ok) {\n alert(\"Questionario completato con successo! 🎉\");\n } else {\n alert(\"Invio fallito. Riprova. ❌\");\n }\n } catch (error) {\n console.error(\"Submission error:\", error);\n alert(\"Errore di rete. Controlla la connessione.\");\n }\n };\n\n const renderQuestionInput = () => {\n switch (currentQuestion.type) {\n case \"text\":\n return (\n handleAnswerChange(e.target.value)}\n placeholder=\"Scrivi qui la tua risposta...\"\n rows={4}\n style={{ width: \"100%\", marginTop: \"10px\" }}\n />\n );\n case \"multiple-choice\":\n return (\n

\n {currentQuestion.options?.map((option, index) => (\n \n \n handleAnswerChange(option)}\n />\n {option}\n \n ))}\n

\n );\n }\n };\n\n return (\n \n \n

Modulo Creazione Intimità

\n Domanda {currentQuestionIndex + 1} di {QUESTIONS.length}\n

\n \n\n {/* Progress Bar */}\n \n\n \n\n {renderQuestionInput()}\n\n \n {currentQuestionIndex < QUESTIONS.length - 1 ? \"Prossima Domanda\" : \"Invia Risposte\"}\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n // Import blob storage dynamically\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n\n // Handle questionnaire submission\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/submit-questionnaire\") {\n const answers = await request.json();\n\n // Use the answer to the first question (q1) as the key\n const storageKey = answers[\"q0\"] || \"unknown_key\";\n\n try {\n // Store the entire answers object in blob storage\n await blob.setJSON(storageKey, answers);\n\n console.log(`Answers stored with key: ${storageKey}`);\n\n return new Response(\n JSON.stringify({\n status: \"success\",\n message: `Risposte salvate con chiave: ${storageKey}`,\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n } catch (error) {\n console.error(\"Storage error:\", error);\n return new Response(\n JSON.stringify({\n status: \"error\",\n message: \"Impossibile salvare le risposte\",\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n return new Response(\n `\n \n \n Modulo Creazione Intimità\n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","deleted","label",[98],"permalink","https://www.val.town/x/cicciocappa/ModuloCreazioneIntimita/code/main.tsx","extension","actionData","errors"]