[FE][Certs] Auto generate certs for Volquete

This commit is contained in:
Araozu 2023-09-04 15:10:29 -05:00
parent efb9c3e4b9
commit c9a57406b4
2 changed files with 287 additions and 0 deletions

View File

@ -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<null>): Promise<Document> {
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: `${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;
}

View File

@ -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),
});