diff --git a/frontend/src/certGenerator/certs/CARGADOR_FRONTAL.ts b/frontend/src/certGenerator/certs/CARGADOR_FRONTAL.ts new file mode 100644 index 0000000..9829873 --- /dev/null +++ b/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): Promise { + 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; +} diff --git a/frontend/src/certGenerator/certs/EXCAVADORA_HIDRAULICA.ts b/frontend/src/certGenerator/certs/EXCAVADORA_HIDRAULICA.ts index ff8fed1..cb4c4f0 100644 --- a/frontend/src/certGenerator/certs/EXCAVADORA_HIDRAULICA.ts +++ b/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"; diff --git a/frontend/src/certGenerator/index.ts b/frontend/src/certGenerator/index.ts index b7463ed..cccb850 100644 --- a/frontend/src/certGenerator/index.ts +++ b/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;