@hed-hog/lms 0.0.347 → 0.0.350

package/hedhog/frontend/app/certificates/issued/page.tsx.ejs

@@ -28,7 +28,9 @@ import {
   SheetTitle,
 } from '@/components/ui/sheet';
 import { Skeleton } from '@/components/ui/skeleton';
+import { Switch } from '@/components/ui/switch';
 import { Textarea } from '@/components/ui/textarea';
+import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import {
   Award,
@@ -36,6 +38,7 @@ import {
   ExternalLink,
   FileEdit,
   FilePlus2,
+  Globe,
   Loader2,
   Shapes,
   UserRound,
@@ -43,7 +46,6 @@ import {
 import { useLocale, useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';
 import { useEffect, useMemo, useState } from 'react';
-import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
 import { toast } from 'sonner';
 
 type IssuedCertificate = {
@@ -61,6 +63,7 @@ type IssuedCertificate = {
   finalScore: number | null;
   verificationCode: string;
   verificationUrl: string | null;
+  publicAccess: boolean;
   pdfUrl: string | null;
   sourceTitle: string;
   primaryColor: string | null;
@@ -111,6 +114,9 @@ export default function IssuedCertificatesPage() {
   });
   const [isTemplateSheetOpen, setIsTemplateSheetOpen] = useState(false);
   const [isCreatingTemplate, setIsCreatingTemplate] = useState(false);
+  const [isUpdatingPublicAccess, setIsUpdatingPublicAccess] = useState<
+    Record<number, boolean>
+  >({});
   const [templateName, setTemplateName] = useState('');
   const [templateDescription, setTemplateDescription] = useState('');
   const [templateStatus, setTemplateStatus] =
@@ -120,6 +126,7 @@ export default function IssuedCertificatesPage() {
     data: certificatesResponse,
     isLoading,
     isFetching,
+    refetch,
   } = useQuery<ApiIssuedCertificatesResponse>({
     queryKey: [
       'lms-issued-certificates',
@@ -255,6 +262,32 @@ export default function IssuedCertificatesPage() {
     }
   }
 
+  async function togglePublicAccess(certificate: IssuedCertificate) {
+    setIsUpdatingPublicAccess((prev) => ({ ...prev, [certificate.id]: true }));
+
+    try {
+      await request({
+        url: `/lms/certificates/issued/${certificate.id}/public-access`,
+        method: 'PATCH',
+        data: { publicAccess: !certificate.publicAccess },
+      });
+
+      toast.success(
+        !certificate.publicAccess
+          ? t('messages.publicAccessEnabled')
+          : t('messages.publicAccessDisabled')
+      );
+      await refetch();
+    } catch {
+      toast.error(t('messages.publicAccessError'));
+    } finally {
+      setIsUpdatingPublicAccess((prev) => ({
+        ...prev,
+        [certificate.id]: false,
+      }));
+    }
+  }
+
   function formatDate(value: string) {
     const parsed = new Date(value);
 
@@ -432,6 +465,14 @@ export default function IssuedCertificatesPage() {
                     {formatTypeLabel(certificate.certificateType)}
                   </Badge>
                   <Badge variant="secondary">#{certificate.id}</Badge>
+                  <Badge
+                    variant={certificate.publicAccess ? 'default' : 'outline'}
+                  >
+                    <Globe className="mr-1 size-3.5" />
+                    {certificate.publicAccess
+                      ? t('cards.publicAccess.enabled')
+                      : t('cards.publicAccess.disabled')}
+                  </Badge>
                 </div>
 
                 <div className="space-y-1">
@@ -452,6 +493,24 @@ export default function IssuedCertificatesPage() {
                   </p>
                 </div>
 
+                <div className="flex items-center justify-between rounded-xl border bg-background p-3">
+                  <div>
+                    <p className="text-xs text-muted-foreground">
+                      {t('cards.publicAccess.label')}
+                    </p>
+                    <p className="text-sm font-medium text-foreground">
+                      {certificate.publicAccess
+                        ? t('cards.publicAccess.enabled')
+                        : t('cards.publicAccess.disabled')}
+                    </p>
+                  </div>
+                  <Switch
+                    checked={certificate.publicAccess}
+                    disabled={Boolean(isUpdatingPublicAccess[certificate.id])}
+                    onCheckedChange={() => togglePublicAccess(certificate)}
+                  />
+                </div>
+
                 <div className="grid grid-cols-2 gap-3">
                   <div className="rounded-xl border bg-background p-3">
                     <p className="mb-1 text-xs text-muted-foreground">
@@ -521,7 +580,7 @@ export default function IssuedCertificatesPage() {
                     </Button>
                   ) : null}
 
-                  {certificate.verificationUrl ? (
+                  {certificate.verificationUrl && certificate.publicAccess ? (
                     <Button
                       type="button"
                       variant="ghost"

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

@@ -522,6 +522,7 @@ type ApiCourseDetail = {
   primaryColor?: string | null;
   secondaryColor?: string | null;
   logoFileId?: number | null;
+  operationsProjectId?: number | null;
 };
 
 type ApiCourseCategoryList = {
@@ -1620,6 +1621,9 @@ export default function TurmaDetalhePage() {
       nivel: toCourseFormLevel(courseDetail.level),
       status: toCourseFormStatus(courseDetail.status),
       categorias: courseDetail.categories ?? [],
+      operationsProjectId: courseDetail.operationsProjectId
+        ? String(courseDetail.operationsProjectId)
+        : '',
       primaryColor: courseDetail.primaryColor ?? '#1D4ED8',
       secondaryColor: courseDetail.secondaryColor ?? '#111827',
       logoFileId: courseDetail.logoFileId ?? null,
@@ -1646,6 +1650,9 @@ export default function TurmaDetalhePage() {
           primaryContrastColor: getContrastColorCourse(data.primaryColor),
           secondaryColor: data.secondaryColor,
           secondaryContrastColor: getContrastColorCourse(data.secondaryColor),
+          operationsProjectId: data.operationsProjectId
+            ? Number(data.operationsProjectId)
+            : null,
           logoFileId: data.logoFileId ?? null,
         },
       });