+
+
+
+
+
+
+
+ + {{ form.title }} +
++ {{ form.description }} +
+
-
-
-
-
+
+
+
+ 
-
+
+
+
diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 1e4bece..25ef2f2 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -1,3 +1,24 @@
@import "tailwindcss";
@import "@nuxt/ui";
+/* ── Primary: slate blue #4A6274 (both modes) ───────────────── */
+@theme {
+ --color-primary-50: #eef2f5;
+ --color-primary-100: #d9e4ea;
+ --color-primary-200: #b3c9d5;
+ --color-primary-300: #8aafc0;
+ --color-primary-400: #6594ab;
+ --color-primary-500: #4a6274;
+ --color-primary-600: #3d5262;
+ --color-primary-700: #2f3f4d;
+ --color-primary-800: #21364b;
+ --color-primary-900: #1b2b3c;
+ --color-primary-950: #0f1921;
+}
+
+/* ── Dark mode: shift primary lighter for contrast ──────────── */
+.dark {
+ --color-primary-400: #8aafc0;
+ --color-primary-500: #6594ab;
+ --color-primary-600: #4a6274;
+}
diff --git a/app/components/FormPageContent.vue b/app/components/FormPageContent.vue
new file mode 100644
index 0000000..149c827
--- /dev/null
+++ b/app/components/FormPageContent.vue
@@ -0,0 +1,206 @@
+
+
+
+
+
+ | ComputedRef) {
+ const route = useRoute()
+ const slugValue = computed(() => unref(slug))
+
+ // Ensure slug is valid - redirect if missing (only when slug comes from route)
+ watch(
+ slugValue,
+ (newSlug) => {
+ if (!newSlug && route.path.startsWith('/forms/')) {
+ navigateTo('/tasks')
+ }
+ },
+ { immediate: true }
+ )
+
+ const {
+ data: form,
+ pending: formPending,
+ error: formError,
+ } = await useFetch(
+ () => {
+ if (!slugValue.value) return null
+ return `/api/forms/${slugValue.value}`
+ },
+ {
+ watch: [slugValue],
+ immediate: !!slugValue.value,
+ server: false,
+ }
+ )
+
+ const { data: existingResponses } = await useFetch(
+ () => {
+ if (!slugValue.value) return null
+ return `/api/forms/${slugValue.value}/responses`
+ },
+ {
+ watch: [slugValue],
+ default: () => ({}),
+ immediate: !!slugValue.value,
+ server: false,
+ }
+ )
+
+ const { data: formStatus } = await useFetch(
+ () => {
+ if (!slugValue.value) return null
+ return `/api/forms/${slugValue.value}/status`
+ },
+ {
+ watch: [slugValue],
+ default: () => ({ isCompleted: false, completedAt: null }),
+ immediate: !!slugValue.value,
+ server: false,
+ }
+ )
+
+ const responses = ref>(existingResponses.value || {})
+ const completedCount = computed(() => {
+ if (!form.value) return 0
+ return form.value.questions.filter((q) => {
+ const answer = responses.value[q.alias]
+ return answer !== undefined && answer !== null && answer !== ''
+ }).length
+ })
+ const totalCount = computed(() => form.value?.questions?.length ?? 0)
+ const progressPercent = computed(() =>
+ totalCount.value ? Math.round((completedCount.value / totalCount.value) * 100) : 0
+ )
+
+ let saveTimeout: ReturnType | null = null
+
+ function setResponse(alias: string, value: string) {
+ responses.value[alias] = value
+ if (saveTimeout) clearTimeout(saveTimeout)
+ if (!slugValue.value) return
+ saveTimeout = setTimeout(async () => {
+ try {
+ await $fetch(`/api/forms/${slugValue.value}/responses`, {
+ method: 'POST',
+ body: { responses: responses.value },
+ })
+ } catch (e) {
+ console.error('Auto-save failed:', e)
+ }
+ }, 500)
+ }
+
+ watch(
+ existingResponses,
+ (newResponses) => {
+ if (newResponses && Object.keys(newResponses).length > 0) {
+ responses.value = { ...newResponses }
+ }
+ },
+ { immediate: true }
+ )
+
+ const submitting = ref(false)
+ const submitError = ref(null)
+ const showIncompleteModal = ref(false)
+ const showIncompleteBanner = ref(false)
+ const unansweredCount = computed(() => totalCount.value - completedCount.value)
+
+ // Hide banner when user completes all questions (e.g. after seeing the warning)
+ watch(unansweredCount, (count) => {
+ if (count === 0) showIncompleteBanner.value = false
+ })
+
+ function dismissIncompleteBanner() {
+ showIncompleteBanner.value = false
+ }
+
+ async function submit() {
+ if (!form.value) {
+ submitError.value = 'Form not loaded'
+ return
+ }
+ if (totalCount.value !== completedCount.value) {
+ showIncompleteBanner.value = true
+ if (import.meta.client) {
+ window.scrollTo({ top: 0, behavior: 'smooth' })
+ }
+ return
+ }
+ submitting.value = true
+ submitError.value = null
+ try {
+ if (saveTimeout) clearTimeout(saveTimeout)
+ const allResponses: Record = {}
+ let missingQuestion: string | null = null
+ for (const q of form.value.questions) {
+ const answer = responses.value[q.alias]
+ if (!answer || answer === '') {
+ missingQuestion = q.text
+ break
+ }
+ allResponses[q.alias] = answer
+ }
+ if (missingQuestion) {
+ submitError.value = `Please answer: "${missingQuestion}"`
+ submitting.value = false
+ return
+ }
+ const res = await $fetch('/api/forms/submit', {
+ method: 'POST',
+ body: { formSlug: form.value.slug, responses: allResponses },
+ })
+ if (res && (res as { ok?: boolean }).ok) {
+ await navigateTo(`/forms/${slugValue.value}-results`)
+ } else {
+ submitError.value = 'Submission failed. Please try again.'
+ }
+ } catch (e: unknown) {
+ if (e && typeof e === 'object' && 'data' in e) {
+ const errorData = e.data as { message?: string }
+ submitError.value = errorData?.message || 'Failed to submit form'
+ } else {
+ submitError.value = e instanceof Error ? e.message : 'Failed to submit form'
+ }
+ } finally {
+ submitting.value = false
+ }
+ }
+
+ return {
+ slug: slugValue,
+ form,
+ formPending,
+ formError,
+ formStatus,
+ responses,
+ completedCount,
+ totalCount,
+ progressPercent,
+ setResponse,
+ submitting,
+ submitError,
+ showIncompleteModal,
+ showIncompleteBanner,
+ unansweredCount,
+ dismissIncompleteBanner,
+ submit,
+ }
+}
diff --git a/app/pages/forms/[slug]-results.vue b/app/pages/forms/[slug]-results.vue
new file mode 100644
index 0000000..227bf79
--- /dev/null
+++ b/app/pages/forms/[slug]-results.vue
@@ -0,0 +1,176 @@
+
+
+
+
-
+
+
+
+ Go to Tasks
+
+
+
+
+
+
+
+
+
+
+
diff --git a/app/composables/useFormBySlug.ts b/app/composables/useFormBySlug.ts
new file mode 100644
index 0000000..9adfdf7
--- /dev/null
+++ b/app/composables/useFormBySlug.ts
@@ -0,0 +1,185 @@
+export async function useFormBySlug(slug: Ref
+
+
+
+
+
+ {{ progressPercent }}% Complete
+ {{ completedCount }} of {{ totalCount }} answered
+
+
+
+
+
+
+
+
+
+ Form incomplete
++ You have + {{ unansweredCount }} + {{ unansweredCount === 1 ? 'question' : 'questions' }} left ({{ totalCount }} total). +
+
+
+
+
+
diff --git a/app/pages/forms/[slug].vue b/app/pages/forms/[slug].vue
new file mode 100644
index 0000000..de4daec
--- /dev/null
+++ b/app/pages/forms/[slug].vue
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
+ + {{ form.title }} - Results +
++ {{ form.description }} +
++ Completed on {{ new Date(completedAt).toLocaleDateString() }} at + {{ new Date(completedAt).toLocaleTimeString() }} +
+
+
+
+
+
+
+
+ Your Score
+
+
+ {{
+ score
+ }}
+ / {{ totalQuestions }}
+
+
+
+ {{ interpretation.level }}
+
+
+ + {{ interpretation.description }} +
+
+
+
+
+ Your Responses
+ +
+
+ + While you were growing up, during your first 18 years of life: +
+
+
+
+
+
+
+
+
+ + {{ index + 1 }}. {{ q.text }} +
+
+
+ {{ getAnswerText(q.alias) }}
+
+
+
+
+ Back to Tasks
+
+
+ Edit Responses
+
+
+
+
+
+
+
+
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 3dc3516..ebca573 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,28 +1,12 @@
+ Add New Form +
++ Create a form by adding new questions. +
+ + +
+
+
+
+ Form details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Create form & assign to me
+
+
+
+
+
+
+ Add a new question
++ It will be added to the master list and can be used in any form. +
+
+
+
+
+ Add Question
+
+
+
+
+ + Order of questions in form +
+-
+
-
+ {{ idx + 1 }}. {{ q.text }}
+ ++
+ + +
+
-
@@ -30,7 +14,7 @@ async function logout() {
{{ users?.length || 0 }} Users
@@ -63,7 +47,7 @@ async function logout() {
+ }
+
+ if (!responses || typeof responses !== 'object') {
+ throw createError({
+ statusCode: 400,
+ message: 'responses (object) is required',
+ })
+ }
+
+ const session = await auth.api.getSession({
+ headers: event.node.req.headers,
+ })
+ if (!session?.user?.id) {
+ throw createError({ statusCode: 401, message: 'Unauthorized' })
+ }
+ const userId = session.user.id
+
+ const form = await prisma.form.findUnique({ where: { slug } })
+ if (!form) {
+ throw createError({ statusCode: 404, message: 'Form not found' })
+ }
+
+ // Normalize values to strings for JSON storage
+ const normalized: Record = {}
+ for (const [alias, value] of Object.entries(responses)) {
+ normalized[alias] = value === true ? 'true' : value === false ? 'false' : String(value)
+ }
+
+ if (slug === 'ace-form') {
+ // Upsert: update existing response or create new one
+ const existing = await prisma.aceResponse.findFirst({
+ where: { userId },
+ orderBy: { completedAt: 'desc' },
+ })
+
+ if (existing) {
+ await prisma.aceResponse.update({
+ where: { id: existing.id },
+ data: {
+ responses: JSON.stringify(normalized),
+ completedAt: new Date(), // Update timestamp
+ },
+ })
+ } else {
+ await prisma.aceResponse.create({
+ data: {
+ userId,
+ responses: JSON.stringify(normalized),
+ },
+ })
+ }
+ }
+ // Future: other form slugs could write to other response tables
+
+ // Ensure form assignment exists (create if not exists, don't mark complete)
+ await prisma.formAssignment.upsert({
+ where: {
+ userId_formId: { userId, formId: form.id },
+ },
+ create: {
+ userId,
+ formId: form.id,
+ },
+ update: {}, // Don't update completedAt on auto-save
+ })
+
+ return { ok: true }
+})
diff --git a/server/api/forms/[slug]/results.get.ts b/server/api/forms/[slug]/results.get.ts
new file mode 100644
index 0000000..b78a1db
--- /dev/null
+++ b/server/api/forms/[slug]/results.get.ts
@@ -0,0 +1,72 @@
+import { prisma } from '../../../utils/prisma'
+import { auth } from '../../../utils/auth'
+
+export default defineEventHandler(async (event) => {
+ const slug = getRouterParam(event, 'slug')
+ if (!slug) {
+ throw createError({ statusCode: 400, message: 'Missing form slug' })
+ }
+
+ const session = await auth.api.getSession({
+ headers: event.node.req.headers,
+ })
+ if (!session?.user?.id) {
+ throw createError({ statusCode: 401, message: 'Unauthorized' })
+ }
+ const userId = session.user.id
+
+ const form = await prisma.form.findUnique({
+ where: { slug },
+ include: {
+ formQuestions: {
+ orderBy: { order: 'asc' },
+ include: { question: true },
+ },
+ },
+ })
+
+ if (!form) {
+ throw createError({ statusCode: 404, message: 'Form not found' })
+ }
+
+ let responses: Record = {}
+ let completedAt: Date | null = null
+
+ if (slug === 'ace-form') {
+ const aceResponse = await prisma.aceResponse.findFirst({
+ where: { userId },
+ orderBy: { completedAt: 'desc' },
+ })
+ if (aceResponse) {
+ responses = JSON.parse(aceResponse.responses)
+ completedAt = aceResponse.completedAt
+ }
+ }
+ // Future: other form slugs could query other response tables
+
+ // Calculate score (for ACE: count of "Yes" answers)
+ let score = 0
+ if (slug === 'ace-form') {
+ score = Object.values(responses).filter((v) => v === 'Yes' || v === 'true').length
+ }
+
+ return {
+ form: {
+ id: form.id,
+ title: form.title,
+ description: form.description,
+ slug: form.slug,
+ questions: form.formQuestions.map((fq) => ({
+ id: fq.question.id,
+ text: fq.question.text,
+ type: fq.question.type,
+ alias: fq.question.alias,
+ order: fq.order,
+ })),
+ },
+ responses,
+ score,
+ completedAt,
+ totalQuestions: form.formQuestions.length,
+ }
+})
diff --git a/server/api/forms/[slug]/status.get.ts b/server/api/forms/[slug]/status.get.ts
new file mode 100644
index 0000000..98fddd4
--- /dev/null
+++ b/server/api/forms/[slug]/status.get.ts
@@ -0,0 +1,33 @@
+import { prisma } from '../../../utils/prisma'
+import { auth } from '../../../utils/auth'
+
+export default defineEventHandler(async (event) => {
+ const slug = getRouterParam(event, 'slug')
+ if (!slug) {
+ throw createError({ statusCode: 400, message: 'Missing form slug' })
+ }
+
+ const session = await auth.api.getSession({
+ headers: event.node.req.headers,
+ })
+ if (!session?.user?.id) {
+ throw createError({ statusCode: 401, message: 'Unauthorized' })
+ }
+ const userId = session.user.id
+
+ const form = await prisma.form.findUnique({ where: { slug } })
+ if (!form) {
+ throw createError({ statusCode: 404, message: 'Form not found' })
+ }
+
+ const assignment = await prisma.formAssignment.findUnique({
+ where: {
+ userId_formId: { userId, formId: form.id },
+ },
+ })
+
+ return {
+ isCompleted: !!assignment?.completedAt,
+ completedAt: assignment?.completedAt || null,
+ }
+})
diff --git a/server/api/forms/assign.post.ts b/server/api/forms/assign.post.ts
new file mode 100644
index 0000000..fc7b1e4
--- /dev/null
+++ b/server/api/forms/assign.post.ts
@@ -0,0 +1,34 @@
+import { prisma } from '../../utils/prisma'
+import { auth } from '../../utils/auth'
+
+export default defineEventHandler(async (event) => {
+ const session = await auth.api.getSession({
+ headers: event.node.req.headers,
+ })
+ if (!session?.user?.id) {
+ throw createError({ statusCode: 401, message: 'Unauthorized' })
+ }
+ const userId = session.user.id
+
+ const body = await readBody(event)
+ const { formId } = body as { formId?: string }
+ if (!formId) {
+ throw createError({ statusCode: 400, message: 'formId is required' })
+ }
+
+ const assignment = await prisma.formAssignment.upsert({
+ where: {
+ userId_formId: { userId, formId },
+ },
+ create: { userId, formId },
+ update: {},
+ include: { form: true },
+ })
+
+ return {
+ id: assignment.id,
+ formId: assignment.formId,
+ title: assignment.form.title,
+ slug: assignment.form.slug,
+ }
+})
diff --git a/server/api/forms/index.get.ts b/server/api/forms/index.get.ts
new file mode 100644
index 0000000..e4d82a4
--- /dev/null
+++ b/server/api/forms/index.get.ts
@@ -0,0 +1,28 @@
+import { prisma } from '../../utils/prisma'
+
+export default defineEventHandler(async () => {
+ const forms = await prisma.form.findMany({
+ include: {
+ formQuestions: {
+ orderBy: { order: 'asc' },
+ include: { question: true },
+ },
+ },
+ orderBy: { createdAt: 'desc' },
+ })
+
+ return forms.map((f) => ({
+ id: f.id,
+ title: f.title,
+ description: f.description,
+ slug: f.slug,
+ questionCount: f.formQuestions.length,
+ questions: f.formQuestions.map((fq) => ({
+ id: fq.question.id,
+ text: fq.question.text,
+ type: fq.question.type,
+ alias: fq.question.alias,
+ order: fq.order,
+ })),
+ }))
+})
diff --git a/server/api/forms/index.post.ts b/server/api/forms/index.post.ts
new file mode 100644
index 0000000..801c11d
--- /dev/null
+++ b/server/api/forms/index.post.ts
@@ -0,0 +1,37 @@
+import { prisma } from '../../utils/prisma'
+
+export default defineEventHandler(async (event) => {
+ const body = await readBody(event)
+ const { title, description, slug, questionIds } = body as {
+ title?: string
+ description?: string
+ slug?: string
+ questionIds?: string[]
+ }
+
+ if (!title || !slug) {
+ throw createError({ statusCode: 400, message: 'title and slug are required' })
+ }
+
+ const form = await prisma.form.create({
+ data: {
+ title,
+ description: description || null,
+ slug: slug.trim().toLowerCase().replace(/\s+/g, '-'),
+ formQuestions:
+ Array.isArray(questionIds) && questionIds.length > 0
+ ? {
+ create: questionIds.map((id, index) => ({
+ questionId: id,
+ order: index + 1,
+ })),
+ }
+ : undefined,
+ },
+ include: {
+ formQuestions: { orderBy: { order: 'asc' }, include: { question: true } },
+ },
+ })
+
+ return form
+})
diff --git a/server/api/forms/submit.post.ts b/server/api/forms/submit.post.ts
new file mode 100644
index 0000000..548470b
--- /dev/null
+++ b/server/api/forms/submit.post.ts
@@ -0,0 +1,77 @@
+import { prisma } from '../../utils/prisma'
+import { auth } from '../../utils/auth'
+
+export default defineEventHandler(async (event) => {
+ const body = await readBody(event)
+ const { formSlug, responses } = body as {
+ formSlug?: string
+ responses?: Record
+ }
+
+ if (!formSlug || !responses || typeof responses !== 'object') {
+ throw createError({
+ statusCode: 400,
+ message: 'formSlug and responses (object) are required',
+ })
+ }
+
+ const session = await auth.api.getSession({
+ headers: event.node.req.headers,
+ })
+ if (!session?.user?.id) {
+ throw createError({ statusCode: 401, message: 'Unauthorized' })
+ }
+ const userId = session.user.id
+
+ const form = await prisma.form.findUnique({ where: { slug: formSlug } })
+ if (!form) {
+ throw createError({ statusCode: 404, message: 'Form not found' })
+ }
+
+ // Normalize values to strings for JSON storage
+ const normalized: Record = {}
+ for (const [alias, value] of Object.entries(responses)) {
+ normalized[alias] = value === true ? 'true' : value === false ? 'false' : String(value)
+ }
+
+ if (formSlug === 'ace-form') {
+ // Find existing response and update, or create new
+ const existing = await prisma.aceResponse.findFirst({
+ where: { userId },
+ orderBy: { completedAt: 'desc' },
+ })
+
+ if (existing) {
+ await prisma.aceResponse.update({
+ where: { id: existing.id },
+ data: {
+ responses: JSON.stringify(normalized),
+ completedAt: new Date(),
+ },
+ })
+ } else {
+ await prisma.aceResponse.create({
+ data: {
+ userId,
+ responses: JSON.stringify(normalized),
+ },
+ })
+ }
+ }
+ // Future: other form slugs could write to other response tables
+
+ // Mark form assignment complete for this user
+ await prisma.formAssignment.upsert({
+ where: {
+ userId_formId: { userId, formId: form.id },
+ },
+ create: {
+ userId,
+ formId: form.id,
+ completedAt: new Date(),
+ },
+ update: { completedAt: new Date() },
+ })
+
+ return { ok: true, message: 'Form submitted successfully' }
+})
diff --git a/server/api/questions/add.post.ts b/server/api/questions/add.post.ts
new file mode 100644
index 0000000..4fa8575
--- /dev/null
+++ b/server/api/questions/add.post.ts
@@ -0,0 +1,40 @@
+import { prisma } from '../../utils/prisma'
+
+function generateAlias(text: string, existingAliases: string[]): string {
+ const base = text
+ .toLowerCase()
+ .replace(/[^a-z0-9\s]/g, '')
+ .trim()
+ .replace(/\s+/g, '_')
+ .slice(0, 30)
+ let alias = base || 'question'
+ let n = 0
+ while (existingAliases.includes(alias)) {
+ n += 1
+ alias = `${base}_${n}`
+ }
+ return alias
+}
+
+export default defineEventHandler(async (event) => {
+ const body = await readBody(event)
+ const { text, type } = body as { text?: string; type?: string }
+
+ if (!text || typeof text !== 'string') {
+ throw createError({ statusCode: 400, message: 'Question text is required' })
+ }
+
+ const existing = await prisma.question.findMany({ select: { alias: true } })
+ const existingAliases = existing.map((q) => q.alias)
+ const alias = generateAlias(text, existingAliases)
+
+ const question = await prisma.question.create({
+ data: {
+ text: text.trim(),
+ type: type || 'radio',
+ alias,
+ },
+ })
+
+ return { id: question.id, text: question.text, type: question.type, alias: question.alias }
+})
diff --git a/server/api/questions/index.get.ts b/server/api/questions/index.get.ts
new file mode 100644
index 0000000..5dfa8b7
--- /dev/null
+++ b/server/api/questions/index.get.ts
@@ -0,0 +1,7 @@
+import { prisma } from '../../utils/prisma'
+
+export default defineEventHandler(async () => {
+ return prisma.question.findMany({
+ orderBy: { createdAt: 'asc' },
+ })
+})
diff --git a/server/api/tasks/index.get.ts b/server/api/tasks/index.get.ts
new file mode 100644
index 0000000..0f9b16e
--- /dev/null
+++ b/server/api/tasks/index.get.ts
@@ -0,0 +1,61 @@
+import { prisma } from '../../utils/prisma'
+import { auth } from '../../utils/auth'
+
+export default defineEventHandler(async (event) => {
+ const session = await auth.api.getSession({
+ headers: event.node.req.headers,
+ })
+ if (!session?.user?.id) {
+ throw createError({ statusCode: 401, message: 'Unauthorized' })
+ }
+ const userId = session.user.id
+
+ const assignments = await prisma.formAssignment.findMany({
+ where: { userId },
+ include: {
+ form: {
+ include: {
+ formQuestions: { orderBy: { order: 'asc' } },
+ },
+ },
+ },
+ orderBy: { assignedAt: 'desc' },
+ })
+
+ // Get saved responses for progress calculation
+ const aceResponse = await prisma.aceResponse.findFirst({
+ where: { userId },
+ orderBy: { completedAt: 'desc' },
+ })
+ const savedResponses = aceResponse ? JSON.parse(aceResponse.responses) : {}
+
+ const tasks = assignments.map((a) => {
+ const total = a.form.formQuestions.length
+ let progress = 0
+
+ if (a.completedAt) {
+ progress = 100
+ } else if (a.form.slug === 'ace-form' && savedResponses) {
+ // Calculate progress from saved responses
+ const answeredCount = Object.keys(savedResponses).filter(
+ (key) => savedResponses[key] && savedResponses[key] !== ''
+ ).length
+ progress = total > 0 ? Math.round((answeredCount / total) * 100) : 0
+ }
+
+ return {
+ id: a.id,
+ formId: a.form.id,
+ title: a.form.title,
+ description: a.form.description,
+ slug: a.form.slug,
+ assignedAt: a.assignedAt,
+ completedAt: a.completedAt,
+ progress,
+ totalQuestions: total,
+ status: a.completedAt ? 'COMPLETED' : 'IN_PROGRESS',
+ }
+ })
+
+ return tasks
+})
-
- Dashboard
-Manage your application users and settings.
-
+
Dashboard
+Manage your application users and settings.
Registered Users
+Registered Users
-
{{ user.name }}
+{{ user.name }}
{{ user.email }}
+
+
diff --git a/notes/colors.txt b/notes/colors.txt
new file mode 100644
index 0000000..c06f782
--- /dev/null
+++ b/notes/colors.txt
@@ -0,0 +1,27 @@
+Light Mode:
+ Page Background: #FFFFFF (white)
+ Input Field Background: #F9F3D9 (soft cream)
+ Input Border (Default): #D1D5DB (light gray / gray-300)
+ Input Border (Focus): #4A6274 (slate blue / primary-500)
+ Label/Primary Text: #21364B (dark navy)
+ Placeholder Text: #6B7280 (medium gray)
+ Primary Action Button: Background #4A6274, Text #FFFFFF
+ Secondary/Selection Button: Background #F7D417 (gold ribbon), Text #21364B
+
+Dark Mode:
+ Page Background: #111827 (gray-900, Tailwind default)
+ Input Field Background: #1F2937 (gray-800, Tailwind default)
+ Input Border (Default): #374151 (gray-700)
+ Input Border (Focus): #6594ab (lighter slate blue / primary-500 dark)
+ Label/Primary Text: #F9F3D9 (soft cream)
+ Placeholder Text: #9CA3AF (light gray)
+ Primary Action Button: Background #6594ab (lighter slate blue), Text #FFFFFF
+ Secondary/Selection Button: Background #4A6274, Text #FFFFFF
+
+Primary Color Scale (slate blue — both modes, dark shifts lighter):
+ primary-500 light: #4A6274
+ primary-500 dark: #6594ab
+ primary-400 dark: #8aafc0
+ Full scale: 50 #eef2f5 → 100 #d9e4ea → 200 #b3c9d5 → 300 #8aafc0
+ 400 #6594ab → 500 #4a6274 → 600 #3d5262 → 700 #2f3f4d
+ 800 #21364b → 900 #1b2b3c → 950 #0f1921
diff --git a/notes/dbnotes.txt b/notes/dbnotes.txt
new file mode 100644
index 0000000..5b3e747
--- /dev/null
+++ b/notes/dbnotes.txt
@@ -0,0 +1,64 @@
+Forms
+ form_id (PK)
+ form_name
+
+Questions
+ question_id (PK)
+ form_id (FK) — Links to Forms
+ question_text
+ question_type (Enum: Text, Multiple Choice, etc.)
+
+QuestionOptions (New table for 3NF)
+Why: For Multiple Choice/Dropdowns, you need a place to store the "choices." Storing them in an array in Questions violates 1NF.
+ option_id (PK)
+ question_id (FK)
+ option_text
+
+Responses
+ submission_id (PK) — Groups all answers from one form submission
+ patient_id (FK)
+ form_id (FK)
+ submitted_at (Timestamp)
+
+Answers
+ answer_id (PK)
+ submission_id (FK) — Links to the specific response event
+ question_id (FK)
+ answer_text — Used for 'Text' and 'Date' types
+ option_id (FK) — Optional: Links to QuestionOptions for 'Multiple Choice/Checkbox'
+
+Users
+ user_id (PK)
+ email
+ name
+ phone_number
+ role
+
+Staff
+ staff_id (PK/FK) — Points back to User_id
+ title
+
+Patient
+ patient_id (PK/FK) — Points back to User_id
+ start_date
+ end_date
+ status (waitlist, active, inactive)
+
+Note: I removed current_week_count because it is derived from start_date and violates 3NF.
+
+Session
+ session_id (PK) — Every table needs its own unique key
+ patient_id (FK)
+ staff_id (FK)
+ notes_id (FK)
+ attendance (Enum)
+ date_time
+ location (Enum: online/in-person)
+ is_recurring (Bool)
+ frequency
+
+Notes
+ notes_id (PK)
+ content
+ is_locked
+ signed_at
\ No newline at end of file
diff --git a/nuxt.config.ts b/nuxt.config.ts
index ab573a3..1118026 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,7 +1,10 @@
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
- compatibilityDate: '2025-07-15',
- devtools: { enabled: true },
- modules: ['@nuxt/ui'],
- css: ['./assets/css/main.css']
+ compatibilityDate: '2025-07-15',
+ devtools: { enabled: true },
+ modules: ['@nuxt/ui'],
+ css: ['./assets/css/main.css'],
+ srcDir: 'app',
+ // Optional: ensure form routes are handled by the app (no prerender 404)
+ // routeRules: { '/forms/**': { ssr: true } },
})
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index dfcf9fe..5977bde 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -8,20 +8,92 @@ datasource db {
}
model User {
- id String @id
- name String
- email String
- emailVerified Boolean @default(false)
- image String?
- createdAt DateTime @default(now())
- updatedAt DateTime @updatedAt
- sessions Session[]
- accounts Account[]
+ id String @id
+ name String
+ email String
+ emailVerified Boolean @default(false)
+ image String?
+ createdAt DateTime @default(now())
+ updatedAt DateTime @updatedAt
+ sessions Session[]
+ accounts Account[]
+ formAssignments FormAssignment[]
+ aceResponses AceResponse[]
@@unique([email])
@@map("user")
}
+// Form metadata (e.g. ACE Questionnaire)
+model Form {
+ id String @id @default(cuid())
+ title String
+ description String?
+ slug String @unique // e.g. 'ace-form'
+ createdAt DateTime @default(now())
+ updatedAt DateTime @updatedAt
+ formQuestions FormQuestion[]
+ assignments FormAssignment[]
+
+ @@map("form")
+}
+
+// Master list of all possible questions (reusable across forms)
+model Question {
+ id String @id @default(cuid())
+ text String
+ type String // 'radio', 'text', 'checkbox', etc.
+ alias String @unique // e.g. 'parent_insult', 'physical_harm'
+ createdAt DateTime @default(now())
+ updatedAt DateTime @updatedAt
+ formQuestions FormQuestion[]
+
+ @@map("question")
+}
+
+// Junction: which questions belong to which form, and in what order
+model FormQuestion {
+ id String @id @default(cuid())
+ formId String
+ questionId String
+ order Int // 1-based position for display and mapping
+ form Form @relation(fields: [formId], references: [id], onDelete: Cascade)
+ question Question @relation(fields: [questionId], references: [id], onDelete: Cascade)
+
+ @@unique([formId, questionId])
+ @@index([formId])
+ @@index([questionId])
+ @@map("form_question")
+}
+
+// Assigns forms to users (tasks); completion tracked here
+model FormAssignment {
+ id String @id @default(cuid())
+ userId String
+ formId String
+ assignedAt DateTime @default(now())
+ completedAt DateTime?
+ user User @relation(fields: [userId], references: [id], onDelete: Cascade)
+ form Form @relation(fields: [formId], references: [id], onDelete: Cascade)
+
+ @@unique([userId, formId])
+ @@index([userId])
+ @@index([formId])
+ @@map("form_assignment")
+}
+
+// ACE-specific response table. Responses stored as JSON mapping question alias -> value (boolean string or text)
+model AceResponse {
+ id String @id @default(cuid())
+ userId String
+ responses String // JSON: { "alias1": "true", "alias2": "false", ... }
+ completedAt DateTime @default(now())
+ user User @relation(fields: [userId], references: [id], onDelete: Cascade)
+
+ @@index([userId])
+ @@map("ace_response")
+}
+
model Session {
id String @id
expiresAt DateTime
diff --git a/prisma/seed.ts b/prisma/seed.ts
index 68ea760..59431e8 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -1,46 +1,59 @@
-import { Param } from '@prisma/client/runtime/client'
-import { prisma } from '../server/utils/prisma'
+import 'dotenv/config'
+import { PrismaBetterSqlite3 } from '@prisma/adapter-better-sqlite3'
+import { PrismaClient } from './generated/client'
+
+const connectionString = process.env.DATABASE_URL ?? 'file:./dev.db'
+const adapter = new PrismaBetterSqlite3({ url: connectionString })
+const prisma = new PrismaClient({ adapter })
+
+const ACE_QUESTIONS = [
+ 'Did a parent or other adult in the household often swear at you, insult you, put you down, or humiliate you?',
+ 'Did a parent or other adult in the household often push, grab, slap, or throw something at you?',
+ 'Did an adult or person at least 5 years older ever touch or fondle you or have you touch their body in a sexual way?',
+ 'Did you often feel that no one in your family loved you or thought you were important or special?',
+ "Did you often feel that you didn't have enough to eat, had to wear dirty clothes, and had no one to protect you?",
+ 'Were your parents ever separated or divorced?',
+ 'Was your mother or stepmother often pushed, grabbed, slapped, or had something thrown at her?',
+ 'Did you live with anyone who was a problem drinker or alcoholic or who used street drugs?',
+ 'Was a household member depressed or mentally ill, or did a household member attempt suicide?',
+ 'Did a household member go to prison?',
+]
async function main() {
console.log('Start seeding...')
- // 1. Create a User with a Password (Local Auth)
- const user1 = await prisma.user.create({
- data: {
- id: 'user_01',
- name: 'Alice Developer',
- email: 'alice@a.com',
- emailVerified: true,
- accounts: {
- create: {
- id: 'acc_01',
- accountId: 'alice_local_id',
- providerId: 'credential', // Common for email/password
- password: 'hashed_password_here', // In a real app, hash this!
- },
+ // Create ACE form and questions (idempotent: skip if already present)
+ let form = await prisma.form.findUnique({ where: { slug: 'ace-form' } })
+ if (!form) {
+ form = await prisma.form.create({
+ data: {
+ title: 'ACE Questionnaire',
+ description:
+ 'Adverse Childhood Experiences (ACE) Questionnaire. Answer Yes or No for each question.',
+ slug: 'ace-form',
},
- },
- })
+ })
+ console.log('Created ACE form:', form.id)
+ }
- // 2. Create a User with an OAuth Account (e.g., Google)
- const user2 = await prisma.user.create({
- data: {
- id: 'user_02',
- name: 'Bob Tester',
- email: 'bob@b.com',
- emailVerified: true,
- accounts: {
- create: {
- id: 'acc_02',
- accountId: 'bob_google_id',
- providerId: 'google',
- accessToken: 'mock_access_token',
+ const existingQuestions = await prisma.question.count()
+ if (existingQuestions === 0) {
+ for (let i = 0; i < ACE_QUESTIONS.length; i++) {
+ const alias = `ace_${i + 1}`
+ const q = await prisma.question.create({
+ data: {
+ text: ACE_QUESTIONS[i],
+ type: 'radio',
+ alias,
},
- },
- },
- })
+ })
+ await prisma.formQuestion.create({
+ data: { formId: form!.id, questionId: q.id, order: i + 1 },
+ })
+ }
+ console.log('Created 10 ACE questions and form-question links')
+ }
- console.log({ user1, user2 })
console.log('Seeding finished.')
}
diff --git a/public/hopecopeheallogo.png b/public/hopecopeheallogo.png
new file mode 100644
index 0000000..132ece9
Binary files /dev/null and b/public/hopecopeheallogo.png differ
diff --git a/server/api/forms/[slug].get.ts b/server/api/forms/[slug].get.ts
new file mode 100644
index 0000000..7487bd9
--- /dev/null
+++ b/server/api/forms/[slug].get.ts
@@ -0,0 +1,36 @@
+import { prisma } from '../../utils/prisma'
+
+export default defineEventHandler(async (event) => {
+ const slug = getRouterParam(event, 'slug')
+ if (!slug) {
+ throw createError({ statusCode: 400, message: 'Missing form slug' })
+ }
+
+ const form = await prisma.form.findUnique({
+ where: { slug },
+ include: {
+ formQuestions: {
+ orderBy: { order: 'asc' },
+ include: { question: true },
+ },
+ },
+ })
+
+ if (!form) {
+ throw createError({ statusCode: 404, message: 'Form not found' })
+ }
+
+ return {
+ id: form.id,
+ title: form.title,
+ description: form.description,
+ slug: form.slug,
+ questions: form.formQuestions.map((fq) => ({
+ id: fq.question.id,
+ text: fq.question.text,
+ type: fq.question.type,
+ alias: fq.question.alias,
+ order: fq.order,
+ })),
+ }
+})
diff --git a/server/api/forms/[slug]/responses.get.ts b/server/api/forms/[slug]/responses.get.ts
new file mode 100644
index 0000000..6595bc2
--- /dev/null
+++ b/server/api/forms/[slug]/responses.get.ts
@@ -0,0 +1,30 @@
+import { prisma } from '../../../utils/prisma'
+import { auth } from '../../../utils/auth'
+
+export default defineEventHandler(async (event) => {
+ const slug = getRouterParam(event, 'slug')
+ if (!slug) {
+ throw createError({ statusCode: 400, message: 'Missing form slug' })
+ }
+
+ const session = await auth.api.getSession({
+ headers: event.node.req.headers,
+ })
+ if (!session?.user?.id) {
+ throw createError({ statusCode: 401, message: 'Unauthorized' })
+ }
+ const userId = session.user.id
+
+ if (slug === 'ace-form') {
+ const response = await prisma.aceResponse.findFirst({
+ where: { userId },
+ orderBy: { completedAt: 'desc' },
+ })
+ if (response) {
+ return JSON.parse(response.responses)
+ }
+ }
+ // Future: other form slugs could query other response tables
+
+ return {}
+})
diff --git a/server/api/forms/[slug]/responses.post.ts b/server/api/forms/[slug]/responses.post.ts
new file mode 100644
index 0000000..040e9fd
--- /dev/null
+++ b/server/api/forms/[slug]/responses.post.ts
@@ -0,0 +1,80 @@
+import { prisma } from '../../../utils/prisma'
+import { auth } from '../../../utils/auth'
+
+export default defineEventHandler(async (event) => {
+ const slug = getRouterParam(event, 'slug')
+ if (!slug) {
+ throw createError({ statusCode: 400, message: 'Missing form slug' })
+ }
+
+ const body = await readBody(event)
+ const { responses } = body as {
+ responses?: Record
+
+ Add New Form
+
+
+
+
+
+ + Tasks +
++ Your assigned forms. Complete them to track your progress. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ task.title }} +
++ {{ task.description }} +
+
+
+ {{ progressLabel(task) }}
+
+
+
+
+
+ {{ task.status === 'COMPLETED' ? 'View' : 'Continue' }}
+
+
+
+
+
+
+
+
+ Add New Form
+
+
+
+ No tasks assigned yet.
++ Use "Add New Form" to create a form, then assign it to yourself. +
+
+
+ Available forms
+
+
+
+
+
+
+ Start
+
+
+
+
+ {{ f.title }}
++ {{ f.description }} +
+