fernando/eeg_certs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[FE] Fixes #25: Load cert images lazily

Browse Source
This commit is contained in:
Araozu 2023-12-14 15:30:30 -05:00
parent 840ed0187d
commit 1a236dc505
17 changed files with 1875 additions and 1855 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/certGenerator/certs/4X4.ts
View File

@ -10,6 +10,13 @@ import {
import { cmText, createSimpleText, getImage, getQR } from "./utils";
import { CertData } from "./CertData";
export async function _4X4Cert(props: CertData<null>): Promise<Document> {
// All these resources compose the certificate.
// They load images from the server,
// and so are here, so they are loaded only when the certificate is generated,
// and not when the app is loaded.
const {
Document, Paragraph, PageOrientation,
FrameAnchorType,
@ -152,8 +159,6 @@ const photoSection = new Paragraph({
alignment: AlignmentType.LEFT,
});
export async function _4X4Cert(props: CertData<null>): Promise<Document> {
const imgQR = await getQR({
iid: props.certIId,
dni: props.personDni,

3
frontend/src/certGenerator/certs/CARGADOR_FRONTAL.ts
View File

@ -9,6 +9,8 @@ const {
BorderStyle,
} = window.docx;
export async function cargadorFrontal(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_certificado_4x4.png",
height: 21.03,
@ -98,7 +100,6 @@ const photoSection = new Paragraph({
});
export async function cargadorFrontal(props: CertData<null>): Promise<Document> {
const hasCustomLabel = (props.certCustomLabel?.length ?? 0) > 0;
const customLabelYOffset = 0.8;

4
frontend/src/certGenerator/certs/EXCAVADORA_HIDRAULICA.ts
View File

@ -9,6 +9,9 @@ const {
BorderStyle,
} = window.docx;
export async function excavadoraHidraulica(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_certificado_4x4.png",
height: 21.03,
@ -123,7 +126,6 @@ const photoSection = new Paragraph({
});
export async function excavadoraHidraulica(props: CertData<null>): Promise<Document> {
// OPERADOR PROFESIONAL DE EXCAVADORA HIDRÁULICA
const tCourse = createSimpleText({
xPosition: 2.2,

4
frontend/src/certGenerator/certs/EXTINTORES.ts
View File

@ -10,6 +10,7 @@ const {
} = window.docx;
export async function extintores(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_certificado_manejo_defensivo.png",
@ -140,7 +141,8 @@ const photoSection = new Paragraph({
alignment: AlignmentType.LEFT,
});
export async function extintores(props: CertData<null>): Promise<Document> {
const imgQR = await getQR({
iid: props.certIId,
dni: props.personDni,

4
frontend/src/certGenerator/certs/IPERC.ts
View File

@ -11,6 +11,8 @@ const {
export async function ipercCert(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_certificado_manejo_defensivo.png",
height: 21.23,
@ -127,7 +129,7 @@ const photoSection = new Paragraph({
alignment: AlignmentType.LEFT,
});
export async function ipercCert(props: CertData<null>): Promise<Document> {
const imgQR = await getQR({
iid: props.certIId,
dni: props.personDni,

4
frontend/src/certGenerator/certs/LUCHA_CONTRA_INCENDIOS.ts
View File

@ -11,6 +11,8 @@ const {
export async function luchaContraIncendiosCert(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_certificado_manejo_defensivo.png",
height: 21.23,
@ -120,7 +122,7 @@ const photoSection = new Paragraph({
alignment: AlignmentType.LEFT,
});
export async function luchaContraIncendiosCert(props: CertData<null>): Promise<Document> {
const imgQR = await getQR({
iid: props.certIId,
dni: props.personDni,

4
frontend/src/certGenerator/certs/MANEJO_DEFENSIVO.ts
View File

@ -9,6 +9,9 @@ const {
BorderStyle,
} = window.docx;
export async function manejoDefensivoCert(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_certificado_manejo_defensivo.png",
height: 21.23,
@ -147,7 +150,6 @@ const photoSection = new Paragraph({
});
export async function manejoDefensivoCert(props: CertData<null>): Promise<Document> {
const imgQR = await getQR({
iid: props.certIId,
dni: props.personDni,

29
frontend/src/certGenerator/certs/MATPEL.ts
View File

@ -1,23 +1,22 @@
import { Matpel, cmText, getImage, getMatpelHours, getMatpelLabel, getQR } from "./utils";
import { CertData } from "./CertData";
/*
import {
Document, Packer, Paragraph, PageOrientation,
FrameAnchorType,
TextRun,
AlignmentType,
} from "docx";
// */
//*
const {
Document, Paragraph, PageOrientation,
FrameAnchorType,
TextRun,
AlignmentType,
} = window.docx;
// */
/**
* Generates a certificate in format DOCX and in-place.
*
* @param props Data to use in the certificate
* @returns A buffer of the DOCX document
*/
export async function matpelCert(props: CertData<Matpel>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_certificado.png",
@ -110,14 +109,6 @@ const imgEATE = getImage({
/**
* Generates a certificate in format DOCX and in-place.
*
* @param props Data to use in the certificate
* @returns A buffer of the DOCX document
*/
export async function matpelCert(props: CertData<Matpel>): Promise<Document> {
const certificateName = new Paragraph({
frame: {
position: {

4
frontend/src/certGenerator/certs/MECANICA_BASICA.ts
View File

@ -9,6 +9,8 @@ const {
BorderStyle,
} = window.docx;
export async function mecanicaBasicaCert(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_certificado_mecanica_basica.jpg",
height: 21.23,
@ -131,7 +133,7 @@ const photoSection = new Paragraph({
alignment: AlignmentType.LEFT,
});
export async function mecanicaBasicaCert(props: CertData<null>): Promise<Document> {
const imgQR = await getQR({
iid: props.certIId,
dni: props.personDni,

5
frontend/src/certGenerator/certs/MINICARGADOR.ts
View File

@ -9,6 +9,9 @@ const {
BorderStyle,
} = window.docx;
export async function minicargador(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_certificado_4x4.png",
height: 21.03,
@ -99,7 +102,7 @@ const photoSection = new Paragraph({
});
export async function minicargador(props: CertData<null>): Promise<Document> {
const hasCustomLabel = (props.certCustomLabel?.length ?? 0) > 0;
const customLabelYOffset = 0.8;

4
frontend/src/certGenerator/certs/PRIMEROS_AUXILIOS.ts
View File

@ -9,6 +9,9 @@ const {
BorderStyle,
} = window.docx;
export async function primerosAuxiliosCert(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_certificado_manejo_defensivo.png",
height: 21.23,
@ -139,7 +142,6 @@ const photoSection = new Paragraph({
});
export async function primerosAuxiliosCert(props: CertData<null>): Promise<Document> {
const imgQR = await getQR({
iid: props.certIId,
dni: props.personDni,

4
frontend/src/certGenerator/certs/RETROEXCAVADORA.ts
View File

@ -9,6 +9,9 @@ const {
BorderStyle,
} = window.docx;
export async function retroexcavadora(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_certificado_4x4.png",
height: 21.03,
@ -99,7 +102,6 @@ const photoSection = new Paragraph({
});
export async function retroexcavadora(props: CertData<null>): Promise<Document> {
const hasCustomLabel = (props.certCustomLabel?.length ?? 0) > 0;
const customLabelYOffset = 0.8;

4
frontend/src/certGenerator/certs/SEG_OP_MAQ_PES.ts
View File

@ -9,6 +9,9 @@ const {
BorderStyle,
} = window.docx;
export async function segOpMaqPesCert(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_seg_op_maq_pes.png",
height: 21.02,
@ -134,7 +137,6 @@ const photoSection = new Paragraph({
});
export async function segOpMaqPesCert(props: CertData<null>): Promise<Document> {
const imgQR = await getQR({
iid: props.certIId,
dni: props.personDni,

4
frontend/src/certGenerator/certs/SUPERVISOR_ESCOLTA.ts
View File

@ -9,6 +9,9 @@ const {
BorderStyle,
} = window.docx;
export async function supervisorEscolta(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_super_escolta.png",
height: 20.99,
@ -193,7 +196,6 @@ const photoSection = new Paragraph({
});
export async function supervisorEscolta(props: CertData<null>): Promise<Document> {
const imgQR = await getQR({
iid: props.certIId,
dni: props.personDni,

4
frontend/src/certGenerator/certs/TRACTOR_ORUGA.ts
View File

@ -9,6 +9,9 @@ const {
BorderStyle,
} = window.docx;
export async function tractorOruga(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_certificado_4x4.png",
height: 21.03,
@ -99,7 +102,6 @@ const photoSection = new Paragraph({
});
export async function tractorOruga(props: CertData<null>): Promise<Document> {
const hasCustomLabel = (props.certCustomLabel?.length ?? 0) > 0;
const customLabelYOffset = 0.8;

4
frontend/src/certGenerator/certs/VOLQUETE.ts
View File

@ -9,6 +9,9 @@ const {
BorderStyle,
} = window.docx;
export async function volquete(props: CertData<null>): Promise<Document> {
const imgFondoDoc = getImage({
name: "fondo_certificado_4x4.png",
height: 21.03,
@ -99,7 +102,6 @@ const photoSection = new Paragraph({
});
export async function volquete(props: CertData<null>): Promise<Document> {
const hasCustomLabel = (props.certCustomLabel?.length ?? 0) > 0;
const customLabelYOffset = 0.8;

4
frontend/src/certs/NewRegister/RegisterPreview.tsx
View File

@ -14,10 +14,6 @@ function isoDateToLocalDate(date: string): string {
return `${day}/${month}`;
}
function wait(ms: number) {
return new Promise((resolve) => setTimeout(resolve, ms));
}
// TODO: Refactor
export function RegisterPreview(props: {selections: Array<RegistrationPreview>, personId: number | null, onDelete: (v: number) => void, onRegister: () => void}) {
const [error, setError] = createSignal("");