@hed-hog/lms 0.0.309 → 0.0.310

package/hedhog/frontend/app/certificates/models/CanvasStage.tsx.ejs

@@ -658,7 +658,16 @@ async function applyBg(canvas: any, fabricMod: any, src: string) {
     });
     const scaleX = CANVAS_W / (img.width || 1);
     const scaleY = CANVAS_H / (img.height || 1);
-    img.set({ scaleX, scaleY, selectable: false, evented: false });
+    img.set({
+      left: 0,
+      top: 0,
+      originX: 'left',
+      originY: 'top',
+      scaleX,
+      scaleY,
+      selectable: false,
+      evented: false,
+    });
     canvas.backgroundImage = img;
     canvas.requestRenderAll();
   } catch {

package/hedhog/frontend/app/certificates/models/TopBar.tsx.ejs

@@ -21,7 +21,7 @@ import {
   ZoomIn,
   ZoomOut,
 } from 'lucide-react';
-import { useCallback, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { toast } from 'sonner';
 import { getCanvasAPI } from '../../_lib/editor/canvasInstance';
 import {
@@ -63,6 +63,49 @@ export default function Topbar({ templateContext }: TopbarProps) {
 
   const importRef = useRef<HTMLInputElement>(null);
 
+  const isFirstRender = useRef(true);
+  const autoSaveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const templateContextRef = useRef(templateContext);
+  templateContextRef.current = templateContext;
+  const requestRef = useRef(request);
+  requestRef.current = request;
+
+  useEffect(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+
+    localStorage.setItem(LS_KEY, JSON.stringify(templateState));
+
+    const ctx = templateContextRef.current;
+    if (!ctx) return;
+
+    if (autoSaveTimerRef.current) clearTimeout(autoSaveTimerRef.current);
+
+    autoSaveTimerRef.current = setTimeout(() => {
+      requestRef
+        .current({
+          url: `/lms/certificates/templates/${ctx.id}`,
+          method: 'PATCH',
+          data: {
+            name: templateState.name,
+            slug: ctx.slug,
+            status: ctx.status,
+            templateContent: JSON.stringify(templateState),
+          },
+        })
+        .catch(() => {
+          toast.error('Falha ao salvar automaticamente');
+        });
+    }, 1500);
+
+    return () => {
+      if (autoSaveTimerRef.current) clearTimeout(autoSaveTimerRef.current);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [templateState]);
+
   const handleNew = useCallback(() => {
     resetTemplate();
     getCanvasAPI()?.loadTemplate(useTemplateStore.getState().template);
@@ -72,7 +115,6 @@ export default function Topbar({ templateContext }: TopbarProps) {
   const handleSave = useCallback(() => {
     const run = async () => {
       if (!templateContext) {
-        localStorage.setItem(LS_KEY, JSON.stringify(templateState));
         toast.success('Template salvo no localStorage');
         return;
       }
@@ -88,7 +130,6 @@ export default function Topbar({ templateContext }: TopbarProps) {
         },
       });
 
-      localStorage.setItem(LS_KEY, JSON.stringify(templateState));
       toast.success('Template salvo');
     };
 

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

@@ -99,6 +99,7 @@ type CreateCertificateTemplatePayload = {
 type UpdateCertificateTemplatePayload = {
   name: string;
   description?: string;
+  status: TemplateStatus;
 };
 
 const PAGE_SIZES = [6, 12, 24];
@@ -114,6 +115,7 @@ const updateTemplateSchema = (t: (key: string) => string) =>
   z.object({
     name: z.string().trim().min(1, t('editSheet.validation.required')),
     description: z.string().trim().optional(),
+    status: z.enum(['draft', 'active', 'inactive']),
   });
 
 type CreateTemplateFormValues = z.infer<
@@ -173,6 +175,7 @@ export default function ModelsPage() {
     defaultValues: {
       name: '',
       description: '',
+      status: 'draft',
     },
   });
 
@@ -304,6 +307,7 @@ export default function ModelsPage() {
     editForm.reset({
       name: '',
       description: '',
+      status: 'draft',
     });
     setEditingTemplateId(null);
   }
@@ -325,6 +329,7 @@ export default function ModelsPage() {
     editForm.reset({
       name: template.name,
       description: template.description ?? '',
+      status: template.status,
     });
     setIsEditSheetOpen(true);
   }
@@ -410,6 +415,7 @@ export default function ModelsPage() {
     const payload: UpdateCertificateTemplatePayload = {
       name,
       description: values.description?.trim() || undefined,
+      status: values.status,
     };
 
     try {
@@ -825,6 +831,32 @@ export default function ModelsPage() {
               />
             </div>
 
+            <div className="space-y-2">
+              <p className="text-sm font-medium">
+                {t('editSheet.fields.status')}
+              </p>
+              <Controller
+                name="status"
+                control={editForm.control}
+                render={({ field }) => (
+                  <Select value={field.value} onValueChange={field.onChange}>
+                    <SelectTrigger className="w-full">
+                      <SelectValue placeholder={t('editSheet.fields.status')} />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="draft">{t('status.draft')}</SelectItem>
+                      <SelectItem value="active">
+                        {t('status.active')}
+                      </SelectItem>
+                      <SelectItem value="inactive">
+                        {t('status.inactive')}
+                      </SelectItem>
+                    </SelectContent>
+                  </Select>
+                )}
+              />
+            </div>
+
             {editForm.formState.errors.name?.message ? (
               <p className="text-sm text-destructive">
                 {editForm.formState.errors.name.message}

package/hedhog/frontend/messages/en.json

@@ -2171,6 +2171,7 @@
     "cards": {
       "status": "Status",
       "updatedAt": "Updated",
+      "noDescription": "No description",
       "actions": {
         "menuLabel": "More actions",
         "editTemplate": "Edit template",
@@ -2205,7 +2206,8 @@
       "description": "Update the template basic information.",
       "fields": {
         "name": "Name",
-        "description": "Description"
+        "description": "Description",
+        "status": "Status"
       },
       "placeholders": {
         "name": "e.g. Corporate Certificate",

package/hedhog/frontend/messages/pt.json

@@ -2178,6 +2178,7 @@
     "cards": {
       "status": "Status",
       "updatedAt": "Atualizado",
+      "noDescription": "Sem descrição",
       "actions": {
         "menuLabel": "Mais ações",
         "editTemplate": "Editar template",
@@ -2212,7 +2213,8 @@
       "description": "Atualize os dados básicos do template.",
       "fields": {
         "name": "Nome",
-        "description": "Descrição"
+        "description": "Descrição",
+        "status": "Status"
       },
       "placeholders": {
         "name": "Ex.: Certificado Corporativo",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/lms",
-  "version": "0.0.309",
+  "version": "0.0.310",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -9,15 +9,15 @@
     "@nestjs/core": "^11",
     "@nestjs/jwt": "^11",
     "@nestjs/mapped-types": "*",
-    "@hed-hog/api-prisma": "0.0.6",
     "@hed-hog/api-types": "0.0.1",
-    "@hed-hog/contact": "0.0.309",
+    "@hed-hog/api-prisma": "0.0.6",
     "@hed-hog/api-pagination": "0.0.7",
-    "@hed-hog/core": "0.0.309",
-    "@hed-hog/api-locale": "0.0.14",
     "@hed-hog/api": "0.0.6",
-    "@hed-hog/finance": "0.0.309",
-    "@hed-hog/category": "0.0.309"
+    "@hed-hog/contact": "0.0.310",
+    "@hed-hog/api-locale": "0.0.14",
+    "@hed-hog/finance": "0.0.310",
+    "@hed-hog/core": "0.0.310",
+    "@hed-hog/category": "0.0.310"
   },
   "exports": {
     ".": {