@hed-hog/lms 0.0.319 → 0.0.320

package/hedhog/frontend/app/_components/class-form-sheet.tsx.ejs

@@ -94,6 +94,8 @@ export type ApiClass = {
   instructorId?: number | null;
   courseTitle: string;
   enrolledCount: number;
+  location?: string | null;
+  virtualRoomUrl?: string | null;
   professor?: string | null;
   professorName?: string | null;
   instructor?: string | null;
@@ -171,6 +173,7 @@ type TurmaForm = {
   sessionRecurrenceUntil?: string;
   sessionTitleMode: 'default-course-code' | 'custom';
   sessionTitle?: string;
+  sessionAccess?: string;
   status: string;
 };
 
@@ -422,6 +425,7 @@ function getTurmaSchema(t: (key: string) => string) {
         .enum(['default-course-code', 'custom'] as const)
         .default('default-course-code'),
       sessionTitle: z.string().optional(),
+      sessionAccess: z.string().trim().max(500).optional(),
       status: z.string().min(1, t('form.validation.statusRequired')),
       instructorId: z.number().int().positive().optional(),
     })
@@ -548,6 +552,7 @@ export function ClassFormSheet({
       sessionRecurrenceUntil: '',
       sessionTitleMode: 'default-course-code',
       sessionTitle: '',
+      sessionAccess: '',
       status: 'aberta',
     },
   });
@@ -645,6 +650,8 @@ export function ClassFormSheet({
             sessionTitle:
               data.sessionTitle ??
               getDefaultSessionTitle(data.courseTitle, data.code),
+            sessionAccess:
+              data.virtualRoomUrl?.trim() || data.location?.trim() || '',
             status: toPtStatus(data.status),
           });
         })
@@ -680,6 +687,7 @@ export function ClassFormSheet({
         sessionRecurrenceUntil: '',
         sessionTitleMode: 'default-course-code',
         sessionTitle: getDefaultSessionTitle(undefined, nextCode),
+        sessionAccess: '',
         status: 'aberta',
       });
     }
@@ -699,6 +707,20 @@ export function ClassFormSheet({
     [selectedCourseTitle, watchedFormValues.codigo]
   );
 
+  const sessionAccessLabel = t.has('form.fields.sessionAccess.label')
+    ? t('form.fields.sessionAccess.label')
+    : 'Local / link das aulas';
+  const sessionAccessPlaceholder = t.has(
+    'form.fields.sessionAccess.placeholder'
+  )
+    ? t('form.fields.sessionAccess.placeholder')
+    : 'Sala 201 ou https://meet.google.com/...';
+  const sessionAccessDescription = t.has(
+    'form.fields.sessionAccess.description'
+  )
+    ? t('form.fields.sessionAccess.description')
+    : 'Opcional. Quando preenchido, será aplicado a todas as aulas geradas para esta turma.';
+
   const filteredEndTimeOptions = useMemo(() => {
     const startTime = watchedFormValues.horarioInicio ?? '';
     if (!startTime) return TIME_OPTIONS;
@@ -732,6 +754,7 @@ export function ClassFormSheet({
       ).map(([value, label]) => ({
         value: value as SessionRecurrenceDay,
         label,
+        shortLabel: label.trim().slice(0, 3),
       })),
     [t]
   );
@@ -1015,8 +1038,15 @@ export function ClassFormSheet({
         data.sessionTitleMode === 'custom'
           ? data.sessionTitle?.trim() || defaultSessionTitle
           : defaultSessionTitle;
+      const sessionAccess = data.sessionAccess?.trim() || undefined;
+      const isOnlineClass = data.tipo === 'online';
+      const isHybridClass = data.tipo === 'hibrida';
       const sessionTemplate = {
         title: sessionTitle,
+        ...(sessionAccess && !isOnlineClass ? { location: sessionAccess } : {}),
+        ...(sessionAccess && (isOnlineClass || isHybridClass)
+          ? { meetingUrl: sessionAccess }
+          : {}),
         recurrence: buildSessionRecurrencePayload(data),
       };
 
@@ -1032,6 +1062,14 @@ export function ClassFormSheet({
         startTime: data.horarioInicio,
         endTime: data.horarioFim,
         capacity: data.vagas,
+        location:
+          sessionAccess && (!isOnlineClass || isHybridClass)
+            ? sessionAccess
+            : null,
+        virtualRoomUrl:
+          sessionAccess && (isOnlineClass || isHybridClass)
+            ? sessionAccess
+            : null,
         sessionTemplate,
       };
 
@@ -1344,6 +1382,30 @@ export function ClassFormSheet({
                       </FieldError>
                     </Field>
                   </div>
+
+                  <Field>
+                    <FieldLabel htmlFor="sessionAccess">
+                      {sessionAccessLabel}
+                    </FieldLabel>
+                    <Input
+                      id="sessionAccess"
+                      value={watchedFormValues.sessionAccess ?? ''}
+                      placeholder={sessionAccessPlaceholder}
+                      onChange={(event) =>
+                        form.setValue('sessionAccess', event.target.value, {
+                          shouldDirty: true,
+                          shouldTouch: true,
+                          shouldValidate: true,
+                        })
+                      }
+                    />
+                    <FieldDescription>
+                      {sessionAccessDescription}
+                    </FieldDescription>
+                    <FieldError>
+                      {form.formState.errors.sessionAccess?.message}
+                    </FieldError>
+                  </Field>
                 </div>
               </div>
 
@@ -1408,7 +1470,7 @@ export function ClassFormSheet({
                       <FieldLabel>
                         {t('form.recurrence.customDialog.repeatOn')}
                       </FieldLabel>
-                      <div className="flex flex-wrap gap-2">
+                      <div className="grid grid-cols-4 gap-2 sm:grid-cols-7">
                         {recurrenceDayOptions.map((day) => {
                           const active = (
                             watchedFormValues.sessionRecurrenceDaysOfWeek ?? []
@@ -1421,14 +1483,16 @@ export function ClassFormSheet({
                               key={day.value}
                               type="button"
                               variant={active ? 'default' : 'outline'}
-                              size="icon"
-                              className="rounded-full"
+                              size="sm"
+                              className="h-9"
                               disabled={isWeekdays}
+                              title={day.label}
+                              aria-label={day.label}
                               onClick={() =>
                                 toggleCustomRecurrenceDay(day.value)
                               }
                             >
-                              {day.label}
+                              {day.shortLabel}
                             </Button>
                           );
                         })}
@@ -1876,7 +1940,7 @@ export function ClassFormSheet({
                 <FieldLabel>
                   {t('form.recurrence.customDialog.repeatOn')}
                 </FieldLabel>
-                <div className="flex flex-wrap gap-2">
+                <div className="grid grid-cols-4 gap-2 sm:grid-cols-7">
                   {recurrenceDayOptions.map((day) => {
                     const active = (
                       watchedFormValues.sessionRecurrenceDaysOfWeek ?? []
@@ -1886,11 +1950,13 @@ export function ClassFormSheet({
                         key={day.value}
                         type="button"
                         variant={active ? 'default' : 'outline'}
-                        size="icon"
-                        className="rounded-full"
+                        size="sm"
+                        className="h-9"
+                        title={day.label}
+                        aria-label={day.label}
                         onClick={() => toggleCustomRecurrenceDay(day.value)}
                       >
-                        {day.label}
+                        {day.shortLabel}
                       </Button>
                     );
                   })}

package/hedhog/frontend/app/_components/course-avatar.tsx.ejs

@@ -1,9 +1,8 @@
-'use client';
-
-import { cn } from '@/lib/utils';
-import { useApp } from '@hed-hog/next-app-provider';
-import { BookOpen } from 'lucide-react';
-import { useEffect, useState } from 'react';
+'use client';
+
+import { cn } from '@/lib/utils';
+import { BookOpen } from 'lucide-react';
+import { useState } from 'react';
 
 type CourseAvatarProps = {
   fileId?: number | null;
@@ -15,47 +14,28 @@ type CourseAvatarProps = {
 export function CourseAvatar({
   fileId,
   title,
-  className,
-  iconSize = 'size-6',
-}: CourseAvatarProps) {
-  const { request } = useApp();
-  const [url, setUrl] = useState<string | null>(null);
-
-  useEffect(() => {
-    if (!fileId) {
-      setUrl(null);
-      return;
-    }
-
-    let cancelled = false;
-
-    request<{ url?: string }>({
-      url: `/file/open/${fileId}`,
-      method: 'PUT',
-    })
-      .then((res) => {
-        if (!cancelled && res?.data?.url) {
-          setUrl(res.data.url);
-        }
-      })
-      .catch(() => {
-        if (!cancelled) setUrl(null);
-      });
-
-    return () => {
-      cancelled = true;
-    };
-  }, [fileId, request]);
-
-  if (url) {
-    return (
-      <img
-        src={url}
-        alt={title}
-        className={cn('shrink-0 object-cover', className)}
-      />
-    );
-  }
+  className,
+  iconSize = 'size-6',
+}: CourseAvatarProps) {
+  const [failedFileId, setFailedFileId] = useState<number | null>(null);
+
+  const apiBaseUrl = String(process.env.NEXT_PUBLIC_API_BASE_URL || '').replace(
+    /\/$/,
+    ''
+  );
+  const url = fileId && apiBaseUrl ? `${apiBaseUrl}/file/open/${fileId}` : null;
+  const imageFailed = !!fileId && failedFileId === fileId;
+
+  if (url && !imageFailed) {
+    return (
+      <img
+        src={url}
+        alt={title}
+        className={cn('shrink-0 object-cover', className)}
+        onError={() => setFailedFileId(fileId ?? null)}
+      />
+    );
+  }
 
   return (
     <div

package/hedhog/frontend/app/classes/[id]/_components/event-summary-popover.tsx.ejs

@@ -183,11 +183,11 @@ export function EventSummaryPopover({
     <>
       <div className="fixed inset-0 z-40" onClick={handleClose} />
 
-      <div
-        className="fixed z-50 w-105 max-h-[calc(100vh-24px)] overflow-y-auto rounded-lg border bg-popover p-4 shadow-lg outline-none"
-        style={{ top: pos.top, left: pos.left }}
-        onClick={(mouseEvent) => mouseEvent.stopPropagation()}
-      >
+      <div
+        className="fixed z-50 w-105 max-h-[calc(100vh-24px)] overflow-y-auto rounded-lg border border-border bg-card p-4 text-card-foreground shadow-lg outline-none"
+        style={{ top: pos.top, left: pos.left }}
+        onClick={(mouseEvent) => mouseEvent.stopPropagation()}
+      >
         <div className="mb-3 flex items-center justify-between gap-2">
           <Badge variant={event.tipo === 'online' ? 'secondary' : 'outline'}>
             {tClasses(`type.${event.tipo}`)}
@@ -234,10 +234,10 @@ export function EventSummaryPopover({
             ) : null}
           </div>
 
-          <div className="rounded-md border bg-muted/30 p-3 text-sm">
-            {loadingAttendance ? (
-              <div className="flex items-center gap-2 text-muted-foreground">
-                <Loader2 className="size-4 animate-spin" />
+          <div className="rounded-md border border-border bg-muted/30 p-3 text-sm">
+            {loadingAttendance ? (
+              <div className="flex items-center gap-2 text-muted-foreground">
+                <Loader2 className="size-4 animate-spin" />
                 {t('attendance.loading')}
               </div>
             ) : hasAttendance ? (
@@ -247,12 +247,12 @@ export function EventSummaryPopover({
                   total: attendanceSummary?.total ?? 0,
                 })}
               </p>
-            ) : (
-              <div className="space-y-2">
-                <div className="flex items-start gap-2 text-amber-700">
-                  <AlertTriangle className="mt-0.5 size-4" />
-                  <p className="text-sm">{t('attendance.missing')}</p>
-                </div>
+            ) : (
+              <div className="space-y-2">
+                <div className="flex items-start gap-2 text-amber-700 dark:text-amber-300">
+                  <AlertTriangle className="mt-0.5 size-4" />
+                  <p className="text-sm">{t('attendance.missing')}</p>
+                </div>
                 <Button
                   type="button"
                   variant="outline"

package/hedhog/frontend/app/classes/[id]/_components/quick-create-session-popover.tsx.ejs

@@ -555,11 +555,11 @@ export function QuickCreateSessionPopover({
     <>
       <div className="fixed inset-0 z-40" onClick={handleClose} />
 
-      <div
-        className="fixed z-50 w-90 max-h-[calc(100vh-24px)] overflow-y-auto rounded-lg border bg-popover p-4 shadow-lg outline-none"
-        style={{ top: pos.top, left: pos.left }}
-        onClick={(event) => event.stopPropagation()}
-      >
+      <div
+        className="fixed z-50 w-90 max-h-[calc(100vh-24px)] overflow-y-auto rounded-lg border border-border bg-card p-4 text-card-foreground shadow-lg outline-none"
+        style={{ top: pos.top, left: pos.left }}
+        onClick={(event) => event.stopPropagation()}
+      >
         <div className="mb-3 flex items-center justify-between">
           <div className="flex items-center gap-2">
             <CalendarPlus className="size-4 text-muted-foreground" />