@hed-hog/lms 0.0.366 → 0.0.370

package/hedhog/frontend/app/courses/[id]/structure/_data/use-transcription-segments.ts.ejs

@@ -7,25 +7,44 @@ import type { TranscriptionSegment } from '../_components/types';
 
 type ApiTranscriptionSegment = {
   id?: number;
+  locale_id?: number | null;
   start_seconds?: number | string;
   end_seconds?: number | string;
   text?: string;
 };
 
-export function useTranscriptionSegmentsQuery(lessonId: string | null) {
+export type TranscriptionLocale = {
+  id: number | null;
+  code: string | null;
+  name: string | null;
+  region: string | null;
+};
+
+export function useTranscriptionSegmentsQuery(
+  lessonId: string | null,
+  localeId?: number | null,
+) {
   const { request } = useApp();
 
+  const localeParam =
+    localeId === undefined
+      ? ''
+      : localeId === null
+        ? '?locale_id=null'
+        : `?locale_id=${localeId}`;
+
   return useQuery<TranscriptionSegment[]>({
-    queryKey: ['lesson-transcription-segments', lessonId],
+    queryKey: ['lesson-transcription-segments', lessonId, localeId ?? 'all'],
     enabled: Boolean(lessonId),
     queryFn: async () => {
       const res = await request<ApiTranscriptionSegment[]>({
-        url: `/lms/lessons/${lessonId}/transcription-segments`,
+        url: `/lms/lessons/${lessonId}/transcription-segments${localeParam}`,
         method: 'GET',
       });
 
       return (res.data ?? []).map((segment) => ({
         id: Number(segment.id ?? 0),
+        localeId: segment.locale_id ?? null,
         startSeconds: Number(segment.start_seconds ?? 0),
         endSeconds: Number(segment.end_seconds ?? 0),
         text: String(segment.text ?? ''),
@@ -35,13 +54,38 @@ export function useTranscriptionSegmentsQuery(lessonId: string | null) {
   });
 }
 
+export function useTranscriptionLocalesQuery(lessonId: string | null) {
+  const { request } = useApp();
+
+  return useQuery<TranscriptionLocale[]>({
+    queryKey: ['lesson-transcription-locales', lessonId],
+    enabled: Boolean(lessonId),
+    queryFn: async () => {
+      const res = await request<TranscriptionLocale[]>({
+        url: `/lms/lessons/${lessonId}/transcription-locales`,
+        method: 'GET',
+      });
+      return res.data ?? [];
+    },
+    initialData: [],
+  });
+}
+
 export function useUpdateTranscriptionSegmentsMutation(
-  lessonId: string | null
+  lessonId: string | null,
+  localeId?: number | null,
 ) {
   const { request } = useApp();
   const [isPending, setIsPending] = useState(false);
   const [error, setError] = useState<Error | null>(null);
 
+  const localeParam =
+    localeId === undefined
+      ? ''
+      : localeId === null
+        ? '?locale_id=null'
+        : `?locale_id=${localeId}`;
+
   const mutate = useCallback(
     async (
       segments: Array<{
@@ -49,13 +93,13 @@ export function useUpdateTranscriptionSegmentsMutation(
         endSeconds: number;
         text: string;
       }>,
-      options?: { onSuccess?: () => void; onError?: (err: Error) => void }
+      options?: { onSuccess?: () => void; onError?: (err: Error) => void },
     ) => {
       setIsPending(true);
       setError(null);
       try {
         await request({
-          url: `/lms/lessons/${lessonId}/transcription-segments`,
+          url: `/lms/lessons/${lessonId}/transcription-segments${localeParam}`,
           method: 'PUT',
           data: { segments },
         });
@@ -69,7 +113,7 @@ export function useUpdateTranscriptionSegmentsMutation(
         setIsPending(false);
       }
     },
-    [lessonId, request]
+    [lessonId, localeParam, request],
   );
 
   return { mutate, isPending, error };
@@ -99,7 +143,112 @@ export function useStartTranscriptionMutation(lessonId: string | null) {
         setIsPending(false);
       }
     },
-    [lessonId, request]
+    [lessonId, request],
+  );
+
+  return { mutate, isPending, error };
+}
+
+export function useDeleteTranscriptionLocaleMutation(lessonId: string | null) {
+  const { request } = useApp();
+  const [isPending, setIsPending] = useState(false);
+  const [error, setError] = useState<Error | null>(null);
+
+  const mutate = useCallback(
+    async (
+      localeId: number | null,
+      options?: { onSuccess?: () => void; onError?: (err: Error) => void },
+    ) => {
+      const localeParam = localeId === null ? '?locale_id=null' : `?locale_id=${localeId}`;
+      setIsPending(true);
+      setError(null);
+      try {
+        await request({
+          url: `/lms/lessons/${lessonId}/transcription-segments${localeParam}`,
+          method: 'DELETE',
+        });
+        options?.onSuccess?.();
+      } catch (err) {
+        const e = err instanceof Error ? err : new Error(String(err));
+        setError(e);
+        options?.onError?.(e);
+        throw e;
+      } finally {
+        setIsPending(false);
+      }
+    },
+    [lessonId, request],
+  );
+
+  return { mutate, isPending, error };
+}
+
+export function useDeleteCourseTranscriptionsMutation(courseId: string | null) {
+  const { request } = useApp();
+  const [isPending, setIsPending] = useState(false);
+  const [error, setError] = useState<Error | null>(null);
+
+  const mutate = useCallback(
+    async (options?: {
+      onSuccess?: (result: { deleted: number }) => void;
+      onError?: (err: Error) => void;
+    }) => {
+      setIsPending(true);
+      setError(null);
+      try {
+        const res = await request<{ success: boolean; deleted: number }>({
+          url: `/lms/courses/${courseId}/structure/transcription-segments`,
+          method: 'DELETE',
+        });
+        options?.onSuccess?.(res.data ?? { deleted: 0 });
+      } catch (err) {
+        const e = err instanceof Error ? err : new Error(String(err));
+        setError(e);
+        options?.onError?.(e);
+        throw e;
+      } finally {
+        setIsPending(false);
+      }
+    },
+    [courseId, request],
+  );
+
+  return { mutate, isPending, error };
+}
+
+export function useTranslateTranscriptionMutation(lessonId: string | null) {
+  const { request } = useApp();
+  const [isPending, setIsPending] = useState(false);
+  const [error, setError] = useState<Error | null>(null);
+
+  const mutate = useCallback(
+    async (
+      targetLocaleId: number,
+      sourceLocaleId?: number | null,
+      options?: {
+        onSuccess?: (result: { queueJobId: number; status: string }) => void;
+        onError?: (err: Error) => void;
+      },
+    ) => {
+      setIsPending(true);
+      setError(null);
+      try {
+        const res = await request<{ queueJobId: number; status: string }>({
+          url: `/lms/lessons/${lessonId}/transcription/translate`,
+          method: 'POST',
+          data: { targetLocaleId, sourceLocaleId: sourceLocaleId ?? null },
+        });
+        options?.onSuccess?.(res.data ?? { queueJobId: 0, status: 'pending' });
+      } catch (err) {
+        const e = err instanceof Error ? err : new Error(String(err));
+        setError(e);
+        options?.onError?.(e);
+        throw e;
+      } finally {
+        setIsPending(false);
+      }
+    },
+    [lessonId, request],
   );
 
   return { mutate, isPending, error };

package/hedhog/frontend/app/courses/_components/CourseRowActions.tsx.ejs

@@ -8,26 +8,22 @@ import {
   TooltipTrigger,
 } from '@/components/ui/tooltip';
 import { cn } from '@/lib/utils';
-import { Eye, Pencil, Trash2 } from 'lucide-react';
+import { Eye, Trash2 } from 'lucide-react';
 import type { MouseEvent } from 'react';
 
 type CourseRowActionsProps = {
   className?: string;
   onView: () => void;
-  onEdit: () => void;
   onDelete: (event: MouseEvent<HTMLButtonElement>) => void;
   viewLabel: string;
-  editLabel: string;
   deleteLabel: string;
 };
 
 export function CourseRowActions({
   className,
   onView,
-  onEdit,
   onDelete,
   viewLabel,
-  editLabel,
   deleteLabel,
 }: CourseRowActionsProps) {
   return (
@@ -50,23 +46,6 @@ export function CourseRowActions({
           <TooltipContent>{viewLabel}</TooltipContent>
         </Tooltip>
 
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <Button
-              type="button"
-              variant="ghost"
-              size="icon"
-              className="h-8 w-8"
-              onClick={onEdit}
-              aria-label={editLabel}
-            >
-              <Pencil className="size-4" />
-              <span className="sr-only">{editLabel}</span>
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent>{editLabel}</TooltipContent>
-        </Tooltip>
-
         <Tooltip>
           <TooltipTrigger asChild>
             <Button

package/hedhog/frontend/app/courses/page.tsx.ejs

@@ -1397,12 +1397,10 @@ export default function CursosPage() {
                               <CourseRowActions
                                 className="ml-auto -mr-1"
                                 onView={() => goToCourseDetails(curso)}
-                                onEdit={() => goToCourseDetails(curso)}
                                 onDelete={(event) =>
                                   void openDeleteDialog(curso, event)
                                 }
                                 viewLabel={t('table.actions.viewDetails')}
-                                editLabel={t('table.actions.edit')}
                                 deleteLabel={t('table.actions.delete')}
                               />
                             </div>
@@ -1419,6 +1417,19 @@ export default function CursosPage() {
                               >
                                 {getStatusLabel(curso)}
                               </Badge>
+                              {curso.status === 'publicado' && (
+                                <span
+                                  className={`inline-flex items-center rounded-full border px-2 py-0.5 text-[10px] font-medium ${
+                                    curso.listado
+                                      ? 'border-emerald-200 bg-emerald-50 text-emerald-700'
+                                      : 'border-amber-200 bg-amber-50 text-amber-700'
+                                  }`}
+                                >
+                                  {curso.listado
+                                    ? t('status.listed')
+                                    : t('status.unlisted')}
+                                </span>
+                              )}
                               {deletingCourseIds.has(curso.id) && (
                                 <motion.div
                                   initial={{ opacity: 0, scale: 0.8 }}
@@ -1589,6 +1600,19 @@ export default function CursosPage() {
                             >
                               {getStatusLabel(curso)}
                             </Badge>
+                            {curso.status === 'publicado' && (
+                              <span
+                                className={`inline-flex items-center rounded-full border px-2 py-0.5 text-[11px] font-medium ${
+                                  curso.listado
+                                    ? 'border-emerald-200 bg-emerald-50 text-emerald-700'
+                                    : 'border-amber-200 bg-amber-50 text-amber-700'
+                                }`}
+                              >
+                                {curso.listado
+                                  ? t('status.listed')
+                                  : t('status.unlisted')}
+                              </span>
+                            )}
                             {deletingCourseIds.has(curso.id) && (
                               <motion.div
                                 initial={{ opacity: 0, scale: 0.8 }}
@@ -1672,12 +1696,10 @@ export default function CursosPage() {
                           <CourseRowActions
                             className="ml-auto"
                             onView={() => goToCourseDetails(curso)}
-                            onEdit={() => goToCourseDetails(curso)}
                             onDelete={(event) =>
                               void openDeleteDialog(curso, event)
                             }
                             viewLabel={t('table.actions.viewDetails')}
-                            editLabel={t('table.actions.edit')}
                             deleteLabel={t('table.actions.delete')}
                           />
                         </TableCell>