[FE][Certs] Auto generate certs for Cargador Frontal

frontend/src/certGenerator/certs/CARGADOR_FRONTAL.ts

@@ -0,0 +1,273 @@
+import { cmText, createSimpleText, getImage, getQR } from "./utils";
+import { CertData } from "./CertData";
+
+const {
+    Document, Paragraph, PageOrientation,
+    FrameAnchorType,
+    TextRun,
+    AlignmentType,
+    BorderStyle,
+} = window.docx;
+
+const imgFondoDoc = getImage({
+    name: "fondo_certificado_4x4.png",
+    height: 21.03,
+    width: 29.69,
+    horizontalOffset: 0,
+    verticalOffset: 0.01,
+    behindDocument: true,
+});
+
+const imgCIP = getImage({
+    name: "colegio_ingenieros_logo.png",
+    height: 2.15,
+    width: 2.15,
+    horizontalOffset: 26.76,
+    verticalOffset: 12.26,
+});
+
+const imgCEE = getImage({
+    name: "cee_dark_logo.png",
+    height: 1.5,
+    width: 2.1,
+    horizontalOffset: 26.89,
+    verticalOffset: 17.06,
+});
+
+const imgMTC = getImage({
+    name: "mtc_transparente.png",
+    height: 1.65,
+    width: 5.16,
+    horizontalOffset: 23.92,
+    verticalOffset: 18.83,
+});
+
+
+const tCertificate = createSimpleText({
+    xPosition: 7.7,
+    yPosition: 3.7,
+    width: 11.05,
+    height: 1.72,
+    text: "CERTIFICADO",
+    size: 72,
+    font: "Times New Roman",
+    bold: true,
+});
+
+// Otorgado a
+const tExpediteText = createSimpleText({
+    xPosition: 4.2,
+    yPosition: 5.5,
+    width: 3,
+    height: 0.7,
+    text: "Otorgado a:",
+    size: 22,
+});
+
+
+// Recuadro de foto
+const photoSection = new Paragraph({
+    frame: {
+        position: {
+            x: cmText(-1.68),
+            y: cmText(8.6),
+        },
+        width: cmText(2.7),
+        height: cmText(3.57),
+        anchor: {
+            horizontal: FrameAnchorType.MARGIN,
+            vertical: FrameAnchorType.MARGIN,
+        },
+    },
+    children: [],
+    border: {
+        top: {
+            style: BorderStyle.DASHED,
+        },
+        bottom: {
+            style: BorderStyle.DASHED,
+        },
+        left: {
+            style: BorderStyle.DASHED,
+        },
+        right: {
+            style: BorderStyle.DASHED,
+        },
+    },
+    alignment: AlignmentType.LEFT,
+});
+
+
+export async function cargadorFrontal(props: CertData<null>): Promise<Document> {
+    const hasCustomLabel = (props.certCustomLabel?.length ?? 0) > 0;
+    const customLabelYOffset = 0.8;
+
+    // OPERADOR PROFESIONAL DEL CARGADOR FRONTAL
+    const tCourse = createSimpleText({
+        xPosition: 2.2,
+        yPosition: 8.4,
+        width: 20,
+        height: 1.5,
+        text: `OPERADOR PROFESIONAL DEL CARGADOR FRONTAL ${props.certCustomLabel}`,
+        size: 40,
+        bold: true,
+    });
+
+    const imgQR = await getQR({
+        iid: props.certIId,
+        dni: props.personDni,
+        height: 2.04,
+        width: 2.04,
+        horizontalOffset: 26.85,
+        verticalOffset: 14.71,
+    });
+
+    // FERNANDO ARAOZ
+    const tName = createSimpleText({
+        xPosition: 1,
+        yPosition: 6.2,
+        width: 23.13,
+        height: 1.5,
+        text: props.personFullName,
+        size: 52,
+        bold: true,
+        underline: {},
+    });
+
+    // Identificado con DNI...
+    const tContentPart1 = new Paragraph({
+        frame: {
+            position: {
+                x: cmText(2.5),
+                y: cmText(7.6),
+            },
+            width: cmText(20.92),
+            height: cmText(1),
+            anchor: {
+                horizontal: FrameAnchorType.MARGIN,
+                vertical: FrameAnchorType.MARGIN,
+            },
+        },
+        children: [
+            new TextRun({
+                text: "Identificado con DNI N° ",
+                font: "Times New Roman",
+                size: 22,
+            }),
+            new TextRun({
+                text: props.personDni,
+                font: "Times New Roman",
+                size: 24,
+                bold: true,
+            }),
+            new TextRun({
+                text: ", al haber aprobado el curso de capacitación sobre:",
+                font: "Times New Roman",
+                size: 22,
+            }),
+        ],
+        alignment: AlignmentType.LEFT,
+    });
+
+    /*
+     * These fields may have an offset based on whether the certificate has a custom label or not
+    */
+    // En temas de...
+    const tTopics = createSimpleText({
+        xPosition: 2.3,
+        // If this cert has a custom label, 0.9cm is added to the Y position
+        yPosition: 9.5 + (hasCustomLabel ? customLabelYOffset : 0),
+        width: 20.92,
+        height: 1.5,
+        text: "En temas de: Familiarización con el Equipo, Inspección de Equipo, Llenado de Check List, e IPERC, Inducción Básica de Operación, Operación de Equipo en Vacío, Practica Real en Operación, Carga a Volquetes, equivalente a 60 horas lectivas.",
+        size: 22,
+        font: "Times New Roman",
+        alignment: AlignmentType.LEFT,
+    });
+
+    // Se expide certificado...
+    const tFinishLabel = createSimpleText({
+        xPosition: 5.95,
+        // If this cert has a custom label, 0.9cm is added to the Y position
+        yPosition: 10.6 + (hasCustomLabel ? customLabelYOffset : 0),
+        width: 12.38,
+        height: 0.75,
+        text: "Se expide el presente certificado para los fines que se estime conveniente",
+        size: 22,
+        font: "Times New Roman",
+        alignment: AlignmentType.CENTER,
+    });
+
+    // Fecha de Emision: ...
+    const certificateDate = new Paragraph({
+        frame: {
+            position: {
+                x: cmText(13),
+                y: cmText(17.3),
+            },
+            width: cmText(7.5),
+            height: cmText(0.5),
+            anchor: {
+                horizontal: FrameAnchorType.MARGIN,
+                vertical: FrameAnchorType.MARGIN,
+            },
+        },
+        children: [
+            new TextRun({
+                text: `Fecha de Emisión:\t${props.certDay} / ${props.certMonth} / ${props.certYear}`,
+                font: "Times New Roman",
+                size: 20,
+            }),
+        ],
+        alignment: AlignmentType.LEFT,
+    });
+
+    // N° XXXX-20XX-EEG
+    const tCertCode = createSimpleText({
+        xPosition: -2.15,
+        yPosition: 12.45,
+        width: 3.67,
+        height: 0.8,
+        text: `N° ${props.certCode}-${props.certYear}-EEG`,
+        size: 20,
+        alignment: AlignmentType.CENTER,
+    });
+
+    const doc = new Document({
+        sections: [
+            {
+                properties: {
+                    page: {
+                        size: {
+                            orientation: PageOrientation.LANDSCAPE,
+                        },
+                    },
+                },
+                children: [
+                    tCertificate,
+                    tExpediteText,
+                    tName,
+                    tContentPart1,
+                    tCourse,
+                    tTopics,
+                    tFinishLabel,
+                    certificateDate,
+                    photoSection,
+                    tCertCode,
+                    new Paragraph({
+                        children: [
+                            imgFondoDoc,
+                            imgQR,
+                            imgCIP,
+                            imgCEE,
+                            imgMTC,
+                        ],
+                    }),
+                ],
+            },
+        ],
+    });
+
+    // Return document as a buffer
+    return doc;
+}

frontend/src/certGenerator/certs/EXCAVADORA_HIDRAULICA.ts

@@ -1,12 +1,3 @@
-/*
-import {
-    Document, Packer, Paragraph, PageOrientation,
-    FrameAnchorType,
-    TextRun,
-    AlignmentType,
-    BorderStyle,
-} from "docx";
-*/
 import { cmText, createSimpleText, getImage, getQR } from "./utils";
 import { CertData } from "./CertData";
 

frontend/src/certGenerator/index.ts

@@ -10,6 +10,7 @@ import { segOpMaqPesCert } from "./certs/SEG_OP_MAQ_PES";
 import { supervisorEscolta } from "./certs/SUPERVISOR_ESCOLTA";
 import { ipercCert } from "./certs/IPERC";
 import { excavadoraHidraulica } from "./certs/EXCAVADORA_HIDRAULICA";
+import { cargadorFrontal } from "./certs/CARGADOR_FRONTAL";
 
 declare global {
     interface Window {
@@ -73,9 +74,12 @@ export const certGenerator: CertGenObj = Object.freeze({
     "Sup. Escolta": certGeneratorGenerator(supervisorEscolta),
     "IPERC": certGeneratorGenerator(ipercCert),
     "Excavadora": certGeneratorGenerator(excavadoraHidraulica),
+    "Cargador Frontal": certGeneratorGenerator(cargadorFrontal),
 });
 
 
+// Add certificate generation to the window in dev mode,
+// to make it easier to develop & test new certificates.
 if (import.meta.env.DEV) {
     console.log("Dev time!!");
     window.certs = certGenerator;