mdares/ACVE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pending course, rest ready for launch

Browse Source
This commit is contained in:
Marcelo
2026-03-15 13:52:11 +00:00
parent be4ca2ed78
commit 62b3cfe467
77 changed files with 6450 additions and 868 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/(protected)/teacher/courses/[slug]/edit/page.tsx
View File

@@ -3,6 +3,9 @@ import { requireTeacher } from "@/lib/auth/requireTeacher";
import { notFound, redirect } from "next/navigation";
import TeacherEditCourseForm from "@/components/teacher/TeacherEditCourseForm";
// Always fetch fresh course data (no Full Route Cache) so save + router.refresh() shows updated level/status
export const dynamic = "force-dynamic";
export default async function CourseEditPage({ params }: { params: Promise<{ slug: string }> }) {
const user = await requireTeacher();
if (!user) redirect("/auth/login");
@@ -37,5 +40,6 @@ export default async function CourseEditPage({ params }: { params: Promise<{ slu
price: course.price.toNumber(),
};
return <TeacherEditCourseForm course={courseData} />;
// Key forces remount when course updates so uncontrolled inputs (level, status) show new defaultValues after save + router.refresh()
return <TeacherEditCourseForm key={`${course.id}-${course.updatedAt.toISOString()}`} course={courseData} />;
}

110
app/(protected)/teacher/courses/[slug]/lessons/[lessonId]/LessonEditorForm.tsx
View File

@@ -5,6 +5,8 @@ import { useRouter } from "next/navigation";
import { toast } from "sonner";
import { updateLesson } from "@/app/(protected)/teacher/actions";
import VideoUpload from "@/components/teacher/VideoUpload"; // The component you created earlier
import { getClientLocale } from "@/lib/i18n/clientLocale";
import { getLessonContentTypeLabel, lessonContentTypes, type LessonContentType } from "@/lib/courses/lessonContent";
interface LessonEditorFormProps {
lesson: {
@@ -12,6 +14,11 @@ interface LessonEditorFormProps {
title: string;
description?: string | null;
videoUrl?: string | null;
youtubeUrl?: string | null;
isFreePreview?: boolean;
contentType: LessonContentType;
materialUrl?: string | null;
estimatedDurationMinutes: number;
};
courseSlug: string;
}
@@ -21,6 +28,29 @@ export function LessonEditorForm({ lesson, courseSlug }: LessonEditorFormProps)
const [loading, setLoading] = useState(false);
const [title, setTitle] = useState(lesson.title);
const [description, setDescription] = useState(lesson.description ?? "");
const [youtubeUrl, setYoutubeUrl] = useState(lesson.youtubeUrl ?? "");
const [isFreePreview, setIsFreePreview] = useState(lesson.isFreePreview ?? false);
const [contentType, setContentType] = useState<LessonContentType>(lesson.contentType);
const [materialUrl, setMaterialUrl] = useState(lesson.materialUrl ?? "");
const [durationMinutes, setDurationMinutes] = useState(lesson.estimatedDurationMinutes);
const showSavedToast = () => {
const isSpanish = getClientLocale() === "es";
toast.success(isSpanish ? "Cambios guardados" : "Changes saved", {
description: isSpanish
? "Puedes seguir editando o volver al panel de cursos."
: "You can keep editing or go back to the courses dashboard.",
action: {
label: isSpanish ? "Volver a cursos" : "Back to courses",
onClick: () => router.push("/teacher"),
},
cancel: {
label: isSpanish ? "Seguir editando" : "Keep editing",
onClick: () => {},
},
duration: 7000,
});
};
// 1. Auto-save Video URL when upload finishes
const handleVideoUploaded = async (url: string) => {
@@ -36,12 +66,20 @@ export function LessonEditorForm({ lesson, courseSlug }: LessonEditorFormProps)
}
};
// 2. Save Text Changes (Title/Desc)
// 2. Save Text Changes (Title/Desc/YouTube/Preview)
const handleSave = async () => {
setLoading(true);
const res = await updateLesson(lesson.id, { title, description });
const res = await updateLesson(lesson.id, {
title,
description,
youtubeUrl: youtubeUrl.trim() || undefined,
materialUrl: materialUrl.trim() || undefined,
contentType,
estimatedDurationMinutes: durationMinutes,
isPreview: isFreePreview,
});
if (res.success) {
toast.success("Cambios guardados");
showSavedToast();
router.refresh();
} else {
toast.error("Error al guardar cambios");
@@ -68,6 +106,17 @@ export function LessonEditorForm({ lesson, courseSlug }: LessonEditorFormProps)
onUploadComplete={handleVideoUploaded}
/>
</div>
<div className="border-t border-slate-100 p-6">
<label className="block text-sm font-medium text-slate-700 mb-1">YouTube URL</label>
<input
type="url"
value={youtubeUrl}
onChange={(e) => setYoutubeUrl(e.target.value)}
placeholder="https://www.youtube.com/watch?v=..."
className="w-full rounded-md border border-slate-300 px-3 py-2 outline-none focus:border-black"
/>
<p className="mt-1 text-xs text-slate-500">Si se proporciona, se usará en lugar del video subido en la lección.</p>
</div>
</section>
{/* Text Content */}
@@ -91,11 +140,64 @@ export function LessonEditorForm({ lesson, courseSlug }: LessonEditorFormProps)
placeholder="Escribe aquí el contenido de la lección..."
/>
</div>
<div>
<label className="block text-sm font-medium text-slate-700 mb-1">URL de material (PDF / actividad / lectura)</label>
<input
type="url"
value={materialUrl}
onChange={(e) => setMaterialUrl(e.target.value)}
placeholder="https://.../material.pdf"
className="w-full rounded-md border border-slate-300 px-3 py-2 outline-none focus:border-black"
/>
<p className="mt-1 text-xs text-slate-500">Se usará en la vista del alumno como lectura o actividad descargable.</p>
</div>
</section>
</div>
{/* RIGHT: Settings / Actions */}
<div className="space-y-6">
<div className="bg-white rounded-xl border border-slate-200 shadow-sm p-6">
<h3 className="font-semibold text-slate-900 mb-4">Tipo de contenido</h3>
<label className="block text-sm text-slate-700 mb-2">Formato de la lección</label>
<select
value={contentType}
onChange={(e) => setContentType(e.target.value as LessonContentType)}
className="w-full rounded-md border border-slate-300 px-3 py-2 outline-none focus:border-black"
>
{lessonContentTypes.map((type) => (
<option key={type} value={type}>
{getLessonContentTypeLabel(type)}
</option>
))}
</select>
<p className="mt-2 text-xs text-slate-500">
Usa “Evaluación final” para marcar el examen obligatorio del curso.
</p>
<label className="block text-sm text-slate-700 mb-1 mt-4">Duración estimada (minutos)</label>
<input
type="number"
min={0}
value={durationMinutes}
onChange={(e) => setDurationMinutes(Math.max(0, Number(e.target.value)))}
className="w-full rounded-md border border-slate-300 px-3 py-2 outline-none focus:border-black"
/>
</div>
<div className="bg-white rounded-xl border border-slate-200 shadow-sm p-6">
<h3 className="font-semibold text-slate-900 mb-4">Vista previa gratuita</h3>
<label className="flex cursor-pointer items-center gap-2">
<input
type="checkbox"
checked={isFreePreview}
onChange={(e) => setIsFreePreview(e.target.checked)}
className="h-4 w-4 rounded border-slate-300"
/>
<span className="text-sm text-slate-700">Accesible sin inscripción (teaser)</span>
</label>
<p className="mt-2 text-xs text-slate-500">Los no inscritos podrán ver esta lección sin comprar el curso.</p>
</div>
<div className="bg-white rounded-xl border border-slate-200 shadow-sm p-6">
<h3 className="font-semibold text-slate-900 mb-4">Acciones</h3>
<button
@@ -117,4 +219,4 @@ export function LessonEditorForm({ lesson, courseSlug }: LessonEditorFormProps)
</div>
);
}
}

10
app/(protected)/teacher/courses/[slug]/lessons/[lessonId]/page.tsx
View File

@@ -3,6 +3,7 @@ import { requireTeacher } from "@/lib/auth/requireTeacher";
import { redirect, notFound } from "next/navigation";
import Link from "next/link";
import { LessonEditorForm } from "./LessonEditorForm";
import { parseLessonDescriptionMeta } from "@/lib/courses/lessonContent";
function getText(value: unknown): string {
if (!value) return "";
@@ -42,6 +43,8 @@ export default async function LessonPage({ params }: PageProps) {
if (!lesson) notFound();
if (lesson.module.course.authorId !== user.id) redirect("/teacher");
const lessonMeta = parseLessonDescriptionMeta(lesson.description);
return (
<div className="max-w-4xl mx-auto p-6">
{/* Breadcrumbs */}
@@ -64,10 +67,13 @@ export default async function LessonPage({ params }: PageProps) {
lesson={{
...lesson,
title: getText(lesson.title),
description: getText(lesson.description),
description: lessonMeta.text,
contentType: lessonMeta.contentType,
materialUrl: lessonMeta.materialUrl,
estimatedDurationMinutes: Math.max(0, Math.ceil((lesson.estimatedDuration ?? 0) / 60)),
}}
courseSlug={slug}
/>
</div>
);
}
}