[FE][Certs] Generate carnets for machineries

frontend/src/App.tsx

@@ -5,6 +5,7 @@ import { NavRail } from "./components/NavRail";
 import { OnlineClassroom } from "./OnlineClassroom";
 import { Scans } from "./Scans";
 import { Reports } from "./Reports";
+import { genMachineryCarnet } from "./carnetGenerator/machinery";
 
 const App: Component = () => (
     <div class="grid grid-cols-[5rem_auto]">
@@ -21,10 +22,22 @@ const App: Component = () => (
 
 
 function Builder() {
+    const svgRaw = genMachineryCarnet({
+        fullname: "FERNANDO ENRIQUE ARAOZ MORALES",
+        dni: "74059695",
+        code: "0123",
+        expiryMonth: "NOVIEMBRE",
+        expiryYear: "2023",
+        qrBase64: "",
+        certName: "RETROEXCAVADORA",
+        certCustomLabel: "246D3 CAT",
+    });
+
     return (
         <div>
             <p>En construccion</p>
             <p>:D</p>
+            <div innerHTML={svgRaw} />
         </div>
     );
 }

frontend/src/certs/Registers/RegisterElement.tsx

@@ -8,13 +8,21 @@ import { DownloadSimpleIcon } from "../../icons/DownloadSimpleIcon";
 import { CaretRight } from "../../icons/CaretRight";
 import { IdentificationCardIcon } from "../../icons/IdentificationCardIcon";
 import { numberToMonth } from "../../utils/functions";
-import { genCarnet } from "../../utils/carnetGenerator";
 import { Canvg } from "canvg";
 import QR from "qrcode";
 import saveAs from "file-saver";
+import { genMatpelCarnet } from "../../carnetGenerator/matpel";
+import { genMachineryCarnet } from "../../carnetGenerator/machinery";
 
-// TODO: use
+const carnetEnabled = [
-// const carnetEnabledIds = [12];
+    "Matpel 3",
+    "Cargador Frontal",
+    "Excavadora",
+    "Retroexcavadora",
+    "Volquete",
+    "Minicargador",
+    "Tractor Oruga",
+];
 
 export function RegisterElement(props: {register: Register, person: Person, onClick: () => void}) {
 
@@ -51,9 +59,7 @@ export function RegisterElement(props: {register: Register, person: Person, onCl
         return certGenerator[courseN] !== undefined;
     };
 
-    // TODO: Check if the course is enabled for carnet generation
+    const canGenerateCarnet = () => carnetEnabled.find((c) => c === courseName()) !== undefined;
-    // with the list above
-    const canGenerateCarnet = () => props.register.register_course_id === 12;
 
     const gridClass = () => (canGenerateCarnet() ? "grid-cols-[11rem_1.5rem_1.5rem_1.25rem]" : "grid-cols-[12.5rem_1.5rem_1.25rem]");
 
@@ -66,7 +72,7 @@ export function RegisterElement(props: {register: Register, person: Person, onCl
         const p = props.person;
         const r = props.register;
 
-        generateCarnetImpl(p, r);
+        generateCarnetImpl(p, r, courseName(), customLabel());
     };
 
     const createdTodayClasses = () => {
@@ -185,7 +191,7 @@ export function generateCert(person: Person, register: Register) {
     });
 }
 
-export function generateCarnetImpl(p: Person, r: Register) {
+export function generateCarnetImpl(p: Person, r: Register, certName: string, certCustomLabel: string) {
     const canvas = document.createElement("canvas");
     const ctx = canvas.getContext("2d") as CanvasRenderingContext2D;
 
@@ -208,14 +214,19 @@ export function generateCarnetImpl(p: Person, r: Register) {
         }
 
         const fullname = `${p.person_names} ${p.person_paternal_surname} ${p.person_maternal_surname}`;
-        const svgHtml = genCarnet({
+
+        const svgHtml = generateCarnet({
             fullname,
             dni: p.person_dni.toString(),
             code: r.register_code.toString().padStart(4, "0"),
             expiryMonth,
             expiryYear,
             qrBase64: base64,
+            certName,
+            certCustomLabel,
         });
+
+
         const v = Canvg.fromString(ctx, svgHtml);
         v.start();
         v.ready().then(() => {
@@ -229,3 +240,20 @@ export function generateCarnetImpl(p: Person, r: Register) {
         });
     });
 }
+
+function generateCarnet(d: {
+    fullname: string,
+    dni: string,
+    code: string,
+    expiryMonth: string,
+    expiryYear: string,
+    qrBase64: string,
+    certName: string,
+    certCustomLabel: string,
+}): string {
+    if (d.certName === "Matpel 3") {
+        return genMatpelCarnet(d);
+    } else {
+        return genMachineryCarnet(d);
+    }
+}