From c9a57406b45edcb5bd5cfac10c0e8f52ef52e85d Mon Sep 17 00:00:00 2001 From: Araozu Date: Mon, 4 Sep 2023 15:10:29 -0500 Subject: [PATCH] [FE][Certs] Auto generate certs for Volquete --- frontend/src/certGenerator/certs/VOLQUETE.ts | 285 +++++++++++++++++++ frontend/src/certGenerator/index.ts | 2 + 2 files changed, 287 insertions(+) create mode 100644 frontend/src/certGenerator/certs/VOLQUETE.ts diff --git a/frontend/src/certGenerator/certs/VOLQUETE.ts b/frontend/src/certGenerator/certs/VOLQUETE.ts new file mode 100644 index 0000000..4634561 --- /dev/null +++ b/frontend/src/certGenerator/certs/VOLQUETE.ts @@ -0,0 +1,285 @@ +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 volquete(props: CertData): Promise { + const hasCustomLabel = (props.certCustomLabel?.length ?? 0) > 0; + const customLabelYOffset = 0.8; + + // OPERADOR PROFESIONAL DE VOLQUETE + const tCourse = createSimpleText({ + xPosition: 2.2, + yPosition: 8.4, + width: 20, + height: 1.5, + text: "OPERADOR PROFESIONAL DE VOLQUETE", + size: 40, + bold: true, + }); + // This is split because if there's a custom label, the text must be split. + const tCourseCustomLabel = hasCustomLabel ? createSimpleText({ + xPosition: 2.2, + yPosition: 8.4 + customLabelYOffset, + width: 20, + height: 1.5, + text: props.certCustomLabel ?? "", + size: 40, + bold: true, + }) : undefined; + + 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.3), + 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: Inspección Llenado de Herramientas de Gestión de Unidad, Conducción segura en Vías Huld Rood, Conducción Segura en Vías Auxiliares y Botaderos, Prioridades Vehiculares en Operaciones Mina, Carga y Descarga en Operaciones, 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: 11.2 + (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, + tCourseCustomLabel, + 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/index.ts b/frontend/src/certGenerator/index.ts index 4c4adfc..df96a7b 100644 --- a/frontend/src/certGenerator/index.ts +++ b/frontend/src/certGenerator/index.ts @@ -12,6 +12,7 @@ import { ipercCert } from "./certs/IPERC"; import { excavadoraHidraulica } from "./certs/EXCAVADORA_HIDRAULICA"; import { cargadorFrontal } from "./certs/CARGADOR_FRONTAL"; import { retroexcavadora } from "./certs/RETROEXCAVADORA"; +import { volquete } from "./certs/VOLQUETE"; declare global { interface Window { @@ -77,6 +78,7 @@ export const certGenerator: CertGenObj = Object.freeze({ "Excavadora": certGeneratorGenerator(excavadoraHidraulica), "Cargador Frontal": certGeneratorGenerator(cargadorFrontal), "Retroexcavadora": certGeneratorGenerator(retroexcavadora), + "Volquete": certGeneratorGenerator(volquete), });