) => {
+ const { name, value } = e.target;
+ setFormData((prev) => ({ ...prev, [name]: value }));
+ };
+
+ const handleSubmit = async (e: FormEvent) => {
+ e.preventDefault();
+ setIsSubmitting(true);
+ setError(null);
+
+ try {
+ // Validate form
+ if (!formData.content) {
+ throw new Error('Content is required');
+ }
+
+ // Determine if creating or updating
+ const url = id ? `/api/email-templates/${id}` : '/api/email-templates';
+ const method = id ? 'PUT' : 'POST';
+
+ // Submit the form
+ const response = await fetch(url, {
+ method,
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify(formData),
+ });
+
+ if (!response.ok) {
+ const data = await response.json();
+ throw new Error(data.error || `Failed to ${id ? 'update' : 'create'} email template`);
+ }
+
+ // Redirect to email templates list on success
+ router.push('/admin/email-templates');
+ router.refresh();
+ } catch (err) {
+ setError(err instanceof Error ? err.message : 'An error occurred');
+ setIsSubmitting(false);
+ }
+ };
+
+ if (isLoading) {
+ return Loading...
;
+ }
+
+ return (
+
+
+
+ {id ? 'Edit Email Template' : 'Add New Email Template'}
+
+
+ Back to Email Templates
+
+
+
+ {error && (
+
+ )}
+
+
+
+
+
Email Template Not Found
+
+ Back to Email Templates
+
+
+
+
+
+
+
The requested email template could not be found.
+
+
+
+
+
+
Email Template Details
+
+
+ Edit
+
+
+ Back to Email Templates
+
+
+
+
+
+
+
Template Information
+
+
+
+
+
- ID
+ - {emailTemplate.id}
+
+
+
- Created At
+ -
+ {new Date(emailTemplate.createdAt).toLocaleString()}
+
+
+
+
- Modified At
+ -
+ {new Date(emailTemplate.modifiedAt).toLocaleString()}
+
+
+
+
- Content
+ -
+ {emailTemplate.content}
+
+
+
+
+
+
+
+
Email Templates
+
+ Add New Template
+
+
+
+
+
+
+
+
+
+
+ |
+ ID
+ |
+
+ Content Preview
+ |
+
+ Created
+ |
+
+ Modified
+ |
+
+ Actions
+ |
+
+
+
+ {emailTemplates.length > 0 ? (
+ emailTemplates.map((template) => (
+
+ |
+
+ {template.id.substring(0, 8)}...
+
+ |
+
+
+ {template.content.length > 100
+ ? template.content.substring(0, 100) + '...'
+ : template.content}
+
+ |
+
+ {new Date(template.createdAt).toLocaleDateString()}
+ |
+
+ {new Date(template.modifiedAt).toLocaleDateString()}
+ |
+
+
+ Edit
+
+
+ |
+
+ ))
+ ) : (
+
+ |
+ No email templates found. Create your first template!
+ |
+
+ )}
+
+
+
+
+
+
+
diff --git a/src/app/api/email-templates/[id]/route.ts b/src/app/api/email-templates/[id]/route.ts
new file mode 100644
index 0000000..7acd56a
--- /dev/null
+++ b/src/app/api/email-templates/[id]/route.ts
@@ -0,0 +1,117 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getDataSource, EmailTemplate } from '@/lib/database';
+
+// GET /api/email-templates/[id] - Get a specific email template
+export async function GET(
+ request: NextRequest,
+ props: { params: Promise<{ id: string }> }
+) {
+ try {
+ const { id } = await props.params;
+ const dataSource = await getDataSource();
+ const emailTemplateRepository = dataSource.getRepository(EmailTemplate);
+
+ const emailTemplate = await emailTemplateRepository.findOne({
+ where: { id: id }
+ });
+
+ if (!emailTemplate) {
+ return NextResponse.json(
+ { error: 'Email template not found' },
+ { status: 404 }
+ );
+ }
+
+ return NextResponse.json(emailTemplate);
+ } catch (error) {
+ console.error('Error fetching email template:', error);
+ return NextResponse.json(
+ { error: 'Failed to fetch email template' },
+ { status: 500 }
+ );
+ }
+}
+
+// PUT /api/email-templates/[id] - Update an email template
+export async function PUT(
+ request: NextRequest,
+ props: { params: Promise<{ id: string }> }
+) {
+ try {
+ const { id } = await props.params;
+ const dataSource = await getDataSource();
+ const emailTemplateRepository = dataSource.getRepository(EmailTemplate);
+
+ // Find the email template to update
+ const emailTemplate = await emailTemplateRepository.findOne({
+ where: { id: id }
+ });
+
+ if (!emailTemplate) {
+ return NextResponse.json(
+ { error: 'Email template not found' },
+ { status: 404 }
+ );
+ }
+
+ const data = await request.json();
+ const { content } = data;
+
+ // Validate required fields
+ if (!content) {
+ return NextResponse.json(
+ { error: 'Content is required' },
+ { status: 400 }
+ );
+ }
+
+ // Update email template fields
+ emailTemplate.content = content;
+
+ // Save the updated email template
+ const updatedEmailTemplate = await emailTemplateRepository.save(emailTemplate);
+
+ return NextResponse.json(updatedEmailTemplate);
+ } catch (error) {
+ console.error('Error updating email template:', error);
+ return NextResponse.json(
+ { error: 'Failed to update email template' },
+ { status: 500 }
+ );
+ }
+}
+
+// DELETE /api/email-templates/[id] - Delete an email template
+export async function DELETE(
+ request: NextRequest,
+ props: { params: Promise<{ id: string }> }
+) {
+ try {
+ const { id } = await props.params;
+ const dataSource = await getDataSource();
+ const emailTemplateRepository = dataSource.getRepository(EmailTemplate);
+
+ // Find the email template to delete
+ const emailTemplate = await emailTemplateRepository.findOne({
+ where: { id: id }
+ });
+
+ if (!emailTemplate) {
+ return NextResponse.json(
+ { error: 'Email template not found' },
+ { status: 404 }
+ );
+ }
+
+ // Delete the email template
+ await emailTemplateRepository.remove(emailTemplate);
+
+ return NextResponse.json({ success: true });
+ } catch (error) {
+ console.error('Error deleting email template:', error);
+ return NextResponse.json(
+ { error: 'Failed to delete email template' },
+ { status: 500 }
+ );
+ }
+}
diff --git a/src/app/api/email-templates/route.ts b/src/app/api/email-templates/route.ts
new file mode 100644
index 0000000..04d51ab
--- /dev/null
+++ b/src/app/api/email-templates/route.ts
@@ -0,0 +1,55 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getDataSource, EmailTemplate } from '@/lib/database';
+
+// GET /api/email-templates - Get all email templates
+export async function GET(request: NextRequest) {
+ try {
+ const dataSource = await getDataSource();
+ const emailTemplateRepository = dataSource.getRepository(EmailTemplate);
+
+ const emailTemplates = await emailTemplateRepository.find({
+ order: { createdAt: 'DESC' }
+ });
+
+ return NextResponse.json(emailTemplates);
+ } catch (error) {
+ console.error('Error fetching email templates:', error);
+ return NextResponse.json(
+ { error: 'Failed to fetch email templates' },
+ { status: 500 }
+ );
+ }
+}
+
+// POST /api/email-templates - Create a new email template
+export async function POST(request: NextRequest) {
+ try {
+ const dataSource = await getDataSource();
+ const emailTemplateRepository = dataSource.getRepository(EmailTemplate);
+
+ const data = await request.json();
+ const { content } = data;
+
+ // Validate required fields
+ if (!content) {
+ return NextResponse.json(
+ { error: 'Content is required' },
+ { status: 400 }
+ );
+ }
+
+ // Create and save the new email template
+ const emailTemplate = new EmailTemplate();
+ emailTemplate.content = content;
+
+ const savedEmailTemplate = await emailTemplateRepository.save(emailTemplate);
+
+ return NextResponse.json(savedEmailTemplate, { status: 201 });
+ } catch (error) {
+ console.error('Error creating email template:', error);
+ return NextResponse.json(
+ { error: 'Failed to create email template' },
+ { status: 500 }
+ );
+ }
+}
diff --git a/src/lib/database/config.ts b/src/lib/database/config.ts
index 52b3191..71d423a 100644
--- a/src/lib/database/config.ts
+++ b/src/lib/database/config.ts
@@ -3,13 +3,14 @@ import { User } from './entities/User';
import { Post } from './entities/Post';
import { Customer } from './entities/Customer';
import { ContactRecord } from './entities/ContactRecord';
+import { EmailTemplate } from './entities/EmailTemplate';
import path from 'path';
// Default configuration for SQLite (development/testing)
const sqliteConfig: DataSourceOptions = {
type: 'sqlite',
database: path.join(process.cwd(), 'data', 'database.sqlite'),
- entities: [User, Post, Customer, ContactRecord],
+ entities: [User, Post, Customer, ContactRecord, EmailTemplate],
synchronize: true, // Set to false in production
logging: process.env.NODE_ENV === 'development',
};
@@ -22,7 +23,7 @@ const mysqlConfig: DataSourceOptions = {
username: process.env.DB_USERNAME || 'root',
password: process.env.DB_PASSWORD || '',
database: process.env.DB_DATABASE || 'kantancms',
- entities: [User, Post, Customer, ContactRecord],
+ entities: [User, Post, Customer, ContactRecord, EmailTemplate],
synchronize: false, // Always false in production
logging: process.env.NODE_ENV === 'development',
};
@@ -35,7 +36,7 @@ const postgresConfig: DataSourceOptions = {
username: process.env.DB_USERNAME || 'postgres',
password: process.env.DB_PASSWORD || '',
database: process.env.DB_DATABASE || 'kantancms',
- entities: [User, Post, Customer, ContactRecord],
+ entities: [User, Post, Customer, ContactRecord, EmailTemplate],
synchronize: false, // Always false in production
logging: process.env.NODE_ENV === 'development',
};
diff --git a/src/lib/database/entities/EmailTemplate.ts b/src/lib/database/entities/EmailTemplate.ts
new file mode 100644
index 0000000..f2405b3
--- /dev/null
+++ b/src/lib/database/entities/EmailTemplate.ts
@@ -0,0 +1,16 @@
+import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn } from 'typeorm';
+
+@Entity('email_templates')
+export class EmailTemplate {
+ @PrimaryGeneratedColumn('uuid')
+ id: string;
+
+ @Column('text')
+ content: string;
+
+ @CreateDateColumn()
+ createdAt: Date;
+
+ @UpdateDateColumn()
+ modifiedAt: Date;
+}
diff --git a/src/lib/database/index.ts b/src/lib/database/index.ts
index 6430f2f..ad0d33a 100644
--- a/src/lib/database/index.ts
+++ b/src/lib/database/index.ts
@@ -36,3 +36,4 @@ export * from './entities/User';
export * from './entities/Post';
export * from './entities/Customer';
export * from './entities/ContactRecord';
+export * from './entities/EmailTemplate';