Feat/revised template (#72)

* add font to pdf

* page two for the new template

* new template for the first page

* update font style

* set save to open new tab

* remove unused files and styles

* third page

* fourth page vaccination

* fourth page test

* revised images

* forth page for recovery

* revised dotted line

Co-authored-by: Gordon Grund <[email protected]>

src/assets/i18n/en/translation.json

@@ -111,5 +111,36 @@
   "first-positive-test-date": "First Positive Test Result",
   "recovery-country": "Country of Test",
   "cert-valid-from-to": "Certificate Valid From - To",
-  "pdfSurname": "Surname(s) and forename(s)"
+  "pdfSurname": "Surname(s) and forename(s)",
+  "pdfDateOfBirth": "Date of birth",
+  "pdfCi":"Unique certificate identifier",
+  "pdfGreenCertificate" : "DIGITAL GREEN CERTIFICATE",
+  "pdfMemberPlaceholder" : "MEMBER STATE PLACEHOLDER",
+  "pdfMemberPlaceholderInfo" : "(information on issuing entity, national COVID-19  information etc. – no additional personal data).",
+  "pdfInfoText" : "This certificate is not a travel document. The scientific evidence on COVID-19 vaccination, testing and recovery continues to evolve, also in view of new variants of concern of the virus. Before traveling, please check the applicable public health measures and related restrictions applied at the point of destination.",
+  "pdfRelevantInformation" : "Relevant information can be found here:",
+  "pdfInfoURL" : "https://reopen.europa.eu/en",
+  "pdfHeaderVaccination" : "VACCINATION CERTIFICATE",
+  "pdfDisease" : "Disease or agent targeted",
+  "pdfVaccineProphylaxis" : "Vaccine/prophylaxis",
+  "pdfVaccineMedicalProduct" : "Vaccine medicinal product",
+  "pdfVaccineManufacturer" : "Vaccine marketing authorisation holder or manufacturer",
+  "pdfNumberOfDoses" : "Number in a series of vaccinations/doses and the overall number of doses in the series",
+  "pdfDateOfVaccination" : "Date of vaccination",
+  "pdfMemberStateOfVaccination" : "Member State of vaccination",
+  "pdfCertificateIssuer" : "Certificate issuer",
+  "pdfHeaderTest" : "TEST CERTIFICATE",
+  "pdfTypeOfTest" : "Type of test",
+  "pdfTestName" : "Test name (optional for NAAT)",
+  "pdfTestManufacturer" : "Test manufacturer (optional for NAAT)",
+  "pdfDateSampleCollection" : "Date and time of the test sample collection",
+  "pdfDateTestResult" : "Date and time of the test result production (optional for RAT)",
+  "pdfTestResult" : "Result of the test",
+  "pdfTestingCentre" : "Testing centre or facility",
+  "pdfStateOfVaccination" : "Member State of vaccination",
+  "pdfHeaderRecovery" : "CERTIFICATE OF RECOVERY",
+  "pdfDatePositiveTestResult" : "Date of first positive test result",
+  "pdfStateOfTest" : "Member State of test",
+  "pdfValidFrom" : "Certificate valid from",
+  "pdfValidTo" : "Certificate valid until (not more than 180 days after the date of first positive test result)"
 }

src/assets/i18n/fr/translation.json

@@ -1,3 +1,29 @@
 {
-    "pdfSurname": "Nom(s) de famille et prénom(s)"
+    "pdfSurname": "Nom(s) de famille et prénom(s)",
+    "pdfDateOfBirth": "Date de naissance",
+    "pdfCi": "Identifiant unique du certificat",
+    "pdfGreenCertificate": "CERTIFICAT VERT NUMÉRIQUE",
+    "pdfHeaderVaccination": "CERTIFICAT DE VACCINATION",
+    "pdfDisease": "Maladie ou agent ciblé",
+    "pdfVaccineProphylaxis": "Vaccin/prophylaxie",
+    "pdfVaccineMedicalProduct": "Médicament vaccinal",
+    "pdfVaccineManufacturer": "Fabricant ou titulaire de l’autorisation de mise sur le marché du vaccin",
+    "pdfNumberOfDoses": "Nombre dans une série de vaccins/doses",
+    "pdfDateOfVaccination": "Date of vaccination",
+    "pdfMemberStateOfVaccination" : "État membre de vaccination",
+    "pdfCertificateIssuer" : "Émetteur du certificat",
+    "pdfHeaderTest" : "CERTIFICAT DE TEST",
+    "pdfTypeOfTest" : "Type de test",
+    "pdfTestName" : "Nom du test (facultatif pour TAAN)",
+    "pdfTestManufacturer" : "Fabricant du test (facultatif pour un test TAAN)",
+    "pdfDateSampleCollection" : "Date et heure du prélèvement de l’échantillon",
+    "pdfDateTestResult" : "Date et heure de la production des résultats du test",
+    "pdfTestResult" : "Résultat du test",
+    "pdfTestingCentre" : "Centre ou installation de test",
+    "pdfStateOfVaccination" : "État membre de vaccination",
+    "pdfHeaderRecovery" : "CERTIFICATE DE RÉTABLISSEMENT",
+    "pdfDatePositiveTestResult" : "Date du premier résultat de test posifif",
+    "pdfStateOfTest" : "État membre du test",
+    "pdfValidFrom" : "Certificat valable à partir du",
+    "pdfValidTo" : "Certificat valable jusqu’au (180 jours au maximum après la date du premier résultat positif)"
 }

src/components/error-page.component.tsx

@@ -61,7 +61,7 @@ const ErrorPage = (props: any) => {
                 {/*
     content area with process number input and radios
     */}
-                <Modal.Body className='py-0 bg-light'>
+                <Modal.Body className='py-0'>
                     <hr />
                     <p className='text-center'>
                         <span className='font-weight-bold'>{t('translation:serverError')}</span>

src/components/header.component.tsx

@@ -45,25 +45,6 @@ const Header = (props: any) => {
         <Container className='bg-white px-0 position-relative'>
             {/* simple header with logo */}
             <Image src={EULogo} className='eu-logo' />
-            {/* user icon and user name */}
-            {/* <Row id='qt-header'>
-                <Image src={dgcaIwLogo} onClick={navigation!.toLanding} />
-                <span className='header-font my-auto mx-1'>{t('translation:title')}</span>
-            </Row>
-            <Navbar id='user-container' >
-                <NavDropdown
-                    className="nav-dropdown-title"
-                    title={userName}
-                    id="responsive-navbar-nav"
-                >
-                    <Navbar.Brand
-                        className='mx-0 dropdown-item'
-                        onClick={handleLogout}
-                    >
-                        {t('translation:logout')}
-                    </Navbar.Brand>
-                </NavDropdown>
-            </Navbar> */}
         </Container>
         <Container className='d-flex bg-gray-1 px-0 position-relative'>
             <span className='header-title'>{t('translation:title')}</span>