RyderTech/nlcc-itinerary
1
0
Fork 0
Code Issues Pull Requests Packages Activity

test: Simplify admin.vue template to isolate build error

Browse Source
This commit is contained in:
Ryderjj89
2025-10-01 19:01:27 -04:00
parent 33a9527dd0
commit 0ea995abee
1 changed files with 2 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
pages/admin.vue
View File

@@ -1,148 +1,6 @@
<template> <template>
<div class="min-h-screen bg-gray-100"> <div>
<!-- Header --> Hello World
<header class="bg-white shadow-sm border-b py-2 px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center">
<div class="flex items-center space-x-4">
<img src="/logos/logo.png" alt="New Life Christian Church" class="h-10" />
<UButton
@click="navigateTo('/')"
variant="ghost"
color="gray"
icon="i-heroicons-arrow-left"
>
Back to Sermons
</UButton>
<h1 class="text-2xl font-bold text-gray-900">Create New Sermon</h1>
</div>
<UButton
@click="handleLogout"
variant="outline"
color="gray"
>
Logout
</UButton>
</div>
</header>
<UContainer class="py-8">
<UCard>
<template #header>
<h2 class="text-xl font-semibold">Sermon Details</h2>
</template>
<form @submit.prevent="handleSubmit" class="space-y-8">
<!-- Basic Information -->
<div class="space-y-4">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
<UFormGroup label="Sermon Title" name="title" required>
<UInput
v-model="form.title"
placeholder="Enter sermon title"
:disabled="loading"
/>
</UFormGroup>
<UFormGroup label="Sermon Date" name="date" required>
<UInput
v-model="form.date"
type="date"
:disabled="loading"
/>
</UFormGroup>
</div>
<UFormGroup label="Generated URL" name="generatedUrl">
<UInput
:value="form.title && form.date ? generateSlug(form.title, form.date) : 'Enter title and date to see URL'"
:disabled="loading"
readonly
/>
</UFormGroup>
</div>
<!-- Bible References -->
<UFormGroup label="Bible References" name="bibleReferences">
<div
v-for="(reference, index) in form.bibleReferences"
:key="index"
class="flex items-center gap-2 mb-2"
>
<UInput
v-model="form.bibleReferences[index]"
:placeholder="`Bible reference ${index + 1}`"
:disabled="loading"
class="flex-1"
/>
<UButton
@click="removeBibleReference(index)"
variant="ghost"
color="red"
icon="i-heroicons-minus"
:disabled="loading"
v-if="form.bibleReferences.length > 1"
/>
</div>
<UButton
@click="addBibleReference"
variant="link"
color="primary"
icon="i-heroicons-plus"
:disabled="loading"
:padded="false"
class="-ml-1"
>
Add another reference
</UButton>
</UFormGroup>
<!-- Personal Application -->
<UFormGroup label="Personal Application" name="personalApplication">
<UTextarea
v-model="form.personalApplication"
:rows="4"
placeholder="Describe how this sermon applies to daily life..."
:disabled="loading"
/>
</UFormGroup>
<!-- Pastor's Challenge -->
<UFormGroup label="Pastor's Challenge" name="pastorChallenge">
<UTextarea
v-model="form.pastorChallenge"
:rows="4"
placeholder="What challenge does the pastor give to the congregation?"
:disabled="loading"
/>
</UFormGroup>
<!-- Submit -->
<div class="flex justify-end space-x-4">
<UButton
type="button"
variant="outline"
:disabled="loading"
@click="resetForm"
>
Reset
</UButton>
<UButton
type="submit"
variant="solid"
color="primary"
:loading="loading"
>
Create Sermon
</UButton>
</div>
</form>
</UCard>
<!-- Success Message -->
<div v-if="successMessage" class="mt-4 p-4 bg-green-50 border border-green-200 rounded-lg">
<p class="text-green-800">{{ successMessage }}</p>
</div>
</main>
</div> </div>
</template> </template>