@hed-hog/lms 0.0.318 → 0.0.320

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

@@ -1488,7 +1488,8 @@ export default function TurmasPage() {
 
     try {
       const payload = {
-        slug: data.nomeInterno.trim(),
+        name: data.nomeInterno.trim(),
+        slug: data.slug.trim().toLowerCase(),
         title: data.tituloComercial,
         description: data.descricao,
         level: toApiCourseLevel(data.nivel),
@@ -2628,7 +2629,7 @@ export default function TurmasPage() {
                     <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 ?? []
@@ -2639,8 +2640,8 @@ export default function TurmasPage() {
                             key={day.value}
                             type="button"
                             variant={active ? 'default' : 'outline'}
-                            size="icon"
-                            className="rounded-full"
+                            size="sm"
+                            className="h-9"
                             onClick={() => toggleCustomRecurrenceDay(day.value)}
                           >
                             {day.label}
@@ -3106,7 +3107,7 @@ export default function TurmasPage() {
                 <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 ?? []
@@ -3117,8 +3118,8 @@ export default function TurmasPage() {
                         key={day.value}
                         type="button"
                         variant={active ? 'default' : 'outline'}
-                        size="icon"
-                        className="rounded-full"
+                        size="sm"
+                        className="h-9"
                         onClick={() => toggleCustomRecurrenceDay(day.value)}
                       >
                         {day.label}

package/hedhog/frontend/app/courses/[id]/page.tsx.ejs

@@ -40,8 +40,9 @@ import {
   ShortcutsHelpTrigger,
 } from './structure/_components/shortcuts-help';
 import { useStructureStore } from './structure/_components/store';
-import { TreeDisplaySettingsPopover } from './structure/_components/tree-display-settings-popover';
-import { useCourseStructureShortcuts } from './structure/_components/use-course-structure-shortcuts';
+import { TreeDisplaySettingsPopover } from './structure/_components/tree-display-settings-popover';
+import { useCourseStructureShortcuts } from './structure/_components/use-course-structure-shortcuts';
+import { CourseAvatar } from '../../_components/course-avatar';
 import {
   useDuplicateLessonMutation,
   useDuplicateSessionMutation,
@@ -54,11 +55,13 @@ interface Props {
   params: Promise<{ id: string }>;
 }
 
-type ApiCourseSummary = {
-  name?: string;
-  enrollmentCount?: number;
-  averageCompletion?: number;
-  lessonCount?: number;
+type ApiCourseSummary = {
+  name?: string;
+  title?: string;
+  logoFileId?: number | null;
+  enrollmentCount?: number;
+  averageCompletion?: number;
+  lessonCount?: number;
   sessionCount?: number;
 };
 
@@ -260,7 +263,17 @@ export default function CourseStructurePage({ params }: Props) {
           { label: 'Cursos', href: '/lms/courses' },
           { label: course.name },
         ]}
-        title={course.name}
+        title={
+          <span className="flex min-w-0 items-center gap-3">
+            <CourseAvatar
+              fileId={courseSummary?.logoFileId}
+              title={courseSummary?.title ?? course.name}
+              className="size-10 rounded-lg"
+              iconSize="size-5"
+            />
+            <span className="min-w-0 truncate">{course.name}</span>
+          </span>
+        }
         extraContent={metricsBadges}
         actions={
           <>

package/hedhog/frontend/app/courses/[id]/structure/_components/editor-course.tsx.ejs

@@ -843,12 +843,16 @@ export function EditorCourse() {
           onValueChange={setActiveTab}
           className="flex flex-col flex-1 min-h-0"
         >
-          <TabsList>
-            {(['estrutura', 'sobre', 'midia', 'extra'] as const).map((tab) => (
-              <TabsTrigger key={tab} value={tab}>
-                {tab === 'estrutura'
-                  ? 'Estrutura'
-                  : tab === 'sobre'
+          <TabsList className="mx-3 mt-3 h-auto shrink-0 grid w-[calc(100%-1.5rem)] grid-cols-4 rounded-lg bg-muted/80 p-1">
+            {(['estrutura', 'sobre', 'midia', 'extra'] as const).map((tab) => (
+              <TabsTrigger
+                key={tab}
+                value={tab}
+                className="h-8 px-2 text-xs font-medium"
+              >
+                {tab === 'estrutura'
+                  ? 'Estrutura'
+                  : tab === 'sobre'
                     ? 'Sobre'
                     : tab === 'midia'
                       ? 'Mídia'

package/hedhog/frontend/app/evaluations/_components/evaluation-topic-form-sheet.tsx.ejs

@@ -0,0 +1,201 @@
+'use client';
+
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import {
+  Sheet,
+  SheetContent,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet';
+import { Switch } from '@/components/ui/switch';
+import { Textarea } from '@/components/ui/textarea';
+import { useApp } from '@hed-hog/next-app-provider';
+import { useTranslations } from 'next-intl';
+import { useEffect, useState } from 'react';
+import { toast } from 'sonner';
+import type {
+  EvaluationTargetType,
+  EvaluationTopicItem,
+} from './evaluation-topic-types';
+import { TARGET_TYPE_OPTIONS } from './evaluation-topic-types';
+
+interface EvaluationTopicFormSheetProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  editingItem: EvaluationTopicItem | null;
+  onSuccess: () => void;
+}
+
+export function EvaluationTopicFormSheet({
+  open,
+  onOpenChange,
+  editingItem,
+  onSuccess,
+}: EvaluationTopicFormSheetProps) {
+  const t = useTranslations('lms.EvaluationTopicsPage');
+  const { request } = useApp();
+
+  const [name, setName] = useState('');
+  const [description, setDescription] = useState('');
+  const [targetType, setTargetType] = useState<EvaluationTargetType>('course');
+  const [isActive, setIsActive] = useState(true);
+  const [saving, setSaving] = useState(false);
+
+  useEffect(() => {
+    if (open) {
+      if (editingItem) {
+        setName(editingItem.name);
+        setDescription(editingItem.description ?? '');
+        setTargetType(editingItem.targetType);
+        setIsActive(editingItem.isActive);
+      } else {
+        setName('');
+        setDescription('');
+        setTargetType('course');
+        setIsActive(true);
+      }
+    }
+  }, [open, editingItem]);
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    if (!name.trim()) return;
+
+    setSaving(true);
+    try {
+      const body: Record<string, unknown> = {
+        name: name.trim(),
+        description: description.trim() || null,
+        targetType,
+        isActive,
+      };
+
+      if (editingItem) {
+        await request({
+          url: `/lms/evaluations/topics/${editingItem.id}`,
+          method: 'PATCH',
+          data: body,
+        });
+        toast.success(t('form.updatedSuccess'));
+      } else {
+        await request({
+          url: '/lms/evaluations/topics',
+          method: 'POST',
+          data: body,
+        });
+        toast.success(t('form.createdSuccess'));
+      }
+      onSuccess();
+      onOpenChange(false);
+    } catch {
+      toast.error(t('form.saveError'));
+    } finally {
+      setSaving(false);
+    }
+  }
+
+  return (
+    <Sheet open={open} onOpenChange={onOpenChange}>
+      <SheetContent side="right" className="w-full sm:max-w-md">
+        <SheetHeader>
+          <SheetTitle>
+            {editingItem ? t('form.editTitle') : t('form.createTitle')}
+          </SheetTitle>
+        </SheetHeader>
+
+        <form onSubmit={handleSubmit} className="mt-6 flex flex-col gap-5 px-2">
+          {/* Name */}
+          <div className="flex flex-col gap-1.5">
+            <Label htmlFor="topic-name">{t('form.name')}</Label>
+            <Input
+              id="topic-name"
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              placeholder={t('form.namePlaceholder')}
+              required
+              maxLength={255}
+            />
+          </div>
+
+          {/* Description */}
+          <div className="flex flex-col gap-1.5">
+            <Label htmlFor="topic-description">{t('form.description')}</Label>
+            <Textarea
+              id="topic-description"
+              value={description}
+              onChange={(e) => setDescription(e.target.value)}
+              placeholder={t('form.descriptionPlaceholder')}
+              rows={3}
+              className="resize-none"
+            />
+          </div>
+
+          {/* Target Type */}
+          <div className="flex flex-col gap-1.5">
+            <Label>{t('form.targetType')}</Label>
+            <Select
+              value={targetType}
+              onValueChange={(v) => setTargetType(v as EvaluationTargetType)}
+              disabled={!!editingItem}
+            >
+              <SelectTrigger className="w-full">
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                {TARGET_TYPE_OPTIONS.map((opt) => (
+                  <SelectItem key={opt.value} value={opt.value}>
+                    {t(`targetType.${opt.labelKey}`)}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+            {editingItem && (
+              <p className="text-xs text-muted-foreground">
+                {t('form.targetTypeReadonly')}
+              </p>
+            )}
+          </div>
+
+          {/* Is Active */}
+          <div className="flex items-center justify-between rounded-lg border border-border/50 px-4 py-3">
+            <div>
+              <p className="text-sm font-medium">{t('form.isActive')}</p>
+              <p className="text-xs text-muted-foreground">
+                {t('form.isActiveDesc')}
+              </p>
+            </div>
+            <Switch checked={isActive} onCheckedChange={setIsActive} />
+          </div>
+
+          <SheetFooter className="mt-2 flex gap-2">
+            <Button
+              type="button"
+              variant="outline"
+              onClick={() => onOpenChange(false)}
+              disabled={saving}
+            >
+              {t('form.cancel')}
+            </Button>
+            <Button type="submit" disabled={saving || !name.trim()}>
+              {saving
+                ? t('form.saving')
+                : editingItem
+                  ? t('form.save')
+                  : t('form.create')}
+            </Button>
+          </SheetFooter>
+        </form>
+      </SheetContent>
+    </Sheet>
+  );
+}

package/hedhog/frontend/app/evaluations/_components/evaluation-topic-types.ts.ejs

@@ -0,0 +1,49 @@
+export type EvaluationTargetType =
+  | 'course'
+  | 'course_lesson'
+  | 'course_class_session'
+  | 'question'
+  | 'exam';
+
+export interface EvaluationTopicItem {
+  id: number;
+  name: string;
+  description: string | null;
+  targetType: EvaluationTargetType;
+  order: number | null;
+  isActive: boolean;
+  ratingCount: number;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export type ApiEvaluationTopicList = {
+  data: EvaluationTopicItem[];
+  total: number;
+  page: number;
+  pageSize: number;
+  lastPage: number;
+};
+
+export const TARGET_TYPE_OPTIONS: {
+  value: EvaluationTargetType;
+  labelKey: string;
+}[] = [
+  { value: 'course', labelKey: 'course' },
+  { value: 'course_lesson', labelKey: 'course_lesson' },
+  { value: 'course_class_session', labelKey: 'course_class_session' },
+  { value: 'question', labelKey: 'question' },
+  { value: 'exam', labelKey: 'exam' },
+];
+
+export const TARGET_TYPE_COLORS: Record<EvaluationTargetType, string> = {
+  course:
+    'bg-blue-100 text-blue-700 border-blue-200 dark:bg-blue-950 dark:text-blue-300 dark:border-blue-800',
+  course_lesson:
+    'bg-green-100 text-green-700 border-green-200 dark:bg-green-950 dark:text-green-300 dark:border-green-800',
+  course_class_session:
+    'bg-purple-100 text-purple-700 border-purple-200 dark:bg-purple-950 dark:text-purple-300 dark:border-purple-800',
+  question:
+    'bg-orange-100 text-orange-700 border-orange-200 dark:bg-orange-950 dark:text-orange-300 dark:border-orange-800',
+  exam: 'bg-red-100 text-red-700 border-red-200 dark:bg-red-950 dark:text-red-300 dark:border-red-800',
+};