[FE][Certs] Auto generate certs for Cargador Frontal
Araozu
parent
4c5493eb57
commit
d29619c31e
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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";
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue