Skip to content

Commit

Permalink
Allow printing each document separately
Browse files Browse the repository at this point in the history
  • Loading branch information
@hesusruiz
hesusruiz committed Sep 26, 2024
1 parent d6d27c3 commit 04df547
Show file tree
Hide file tree
Showing 5 changed files with 264 additions and 88 deletions.
2 changes: 1 addition & 1 deletion docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
"ConfirmResetApp": "/pages/ConfirmResetApp-NNGCVBX3.js",
"LogsPage": "/pages/LogsPage-WCWKZ36U.js",
"MenuPage": "/pages/MenuPage-A455MOK2.js",
"OnboardingHome": "/pages/OnboardingHome-OU5B2E42.js",
"OnboardingHome": "/pages/OnboardingHome-HHOE3BTN.js",
"SWNotify": "/pages/SWNotify-56JYMAB6.js",
"SelectCamera": "/pages/SelectCamera-RGTDG2GV.js"
}
Expand Down
187 changes: 140 additions & 47 deletions docs/pages/OnboardingHome-OU5B2E42.js → docs/pages/OnboardingHome-HHOE3BTN.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1133,15 +1133,88 @@ ${introductionText}
`;
this.render(theHtml, false);
var validations = [{
name: "LegalRepFirstName",
display: "required|valid_email",
rules: "required"
}, {
name: "LegalRepLastName",
display: "required",
rules: "required"
}];
var validations = [
{
name: "LegalRepFirstName",
display: "required",
rules: "required"
},
{
name: "LegalRepLastName",
display: "required",
rules: "required"
},
{
name: "LegalRepNationality",
display: "required",
rules: "required"
},
{
name: "LegalRepIDNumber",
display: "required",
rules: "required"
},
{
name: "CompanyName",
display: "required",
rules: "required"
},
{
name: "CompanyStreetName",
display: "required",
rules: "required"
},
{
name: "CompanyCity",
display: "required",
rules: "required"
},
{
name: "CompanyPostal",
display: "required",
rules: "required"
},
{
name: "CompanyCountry",
display: "required",
rules: "required"
},
{
name: "CompanyVATID",
display: "required",
rules: "required"
},
{
name: "LEARFirstName",
display: "required",
rules: "required"
},
{
name: "LEARLastName",
display: "required",
rules: "required"
},
{
name: "LEARNationality",
display: "required",
rules: "required"
},
{
name: "LEARIDNumber",
display: "required",
rules: "required"
},
{
name: "LEAREmail",
display: "required",
rules: "required"
},
{
name: "LEARMobilePhone",
display: "required",
rules: "required"
}
];
var validator = new FV(
"theform",
validations,
Expand Down Expand Up @@ -1208,7 +1281,7 @@ MHR.register("OnboardingDocument", class extends MHR.AbstractPage {
const today = /* @__PURE__ */ new Date();
var theHtml = html`
<div class="w3-panel w3-card-2">
<div id="doh" class="document w3-panel w3-card-2">
<h3>COMPANY DECLARATION OF HONOR</h3>
Expand Down Expand Up @@ -1249,31 +1322,40 @@ MHR.register("OnboardingDocument", class extends MHR.AbstractPage {
</li>
</ol>
<p>
In witness whereof, I sign this present declaration on behalf of Company on the date above.
</p>
<div class="signature">
<p>
In witness whereof, I sign this present declaration on behalf of Company on the date above.
</p>
<div class="w3-row">
<div class="w3-half w3-container w3-border" style="padding-top:5px;padding-bottom:100px;padding-left:16px">
<div>For and on behalf of Company</div>
<div class="w3-row">
<div class="w3-half w3-container w3-border" style="padding-top:5px;padding-bottom:100px;padding-left:16px">
<div>For and on behalf of Company</div>
</div>
</div>
<div>
<p>Signed: Mr./Mrs. ${form.LegalRepFirstName} ${form.LegalRepLastName}</p>
</div>
</div>
<div>
<p>Signed: Mr./Mrs. ${form.LegalRepFirstName} ${form.LegalRepLastName}</p>
</div>
</div>
</div>
<div class="pagebreak"></div>
<div id="learappointment" class="document">
<div class="pagebreak onlyscreen"></div>
${await this.createLEARDocument(form)}
</div>
<div class="onlyscreen">
<p><button class="w3-btn w3-black" @click=${() => print()}>Print the documents</button></p>
<p>
Click the button above to start printing the documents. If you want to electronically sign PDFs, you can "print to PDF" to save the documents in your disk and then sign them with whatever program you use for signing (e.g., Acrobat Reader).
<button class="w3-btn w3-black" @click=${() => this.printDocument("#doh")}>Print Declaration of Honour</button>
<button class="w3-btn w3-black" @click=${() => this.printDocument("#learappointment")}>Print LEAR appointment</button>
</p>
<p>
Click each of the buttons above to start printing the documents. If you want to electronically sign PDFs, you can "print to PDF" to save the documents in your disk and then sign them with whatever program you use for signing (e.g., Acrobat Reader).
</p>
<h2>Next steps</h2>
Expand Down Expand Up @@ -1308,6 +1390,15 @@ ${await this.createLEARDocument(form)}
`;
this.render(theHtml, false);
}
/**
* @param {string} identifier
*/
printDocument(identifier) {
any(".document").classAdd("onlyscreen");
me(identifier).classRemove("onlyscreen");
print();
any(".document").classRemove("onlyscreen");
}
/**
* @param {Object} form
*/
Expand Down Expand Up @@ -1425,47 +1516,49 @@ ${await this.createLEARDocument(form)}
It is the responsibility of the entity to revoke the designation of an individual as LEAR or as a delegated individual vested with powers to legally bind the entity within the scope of operation of the Marketplace once the entity does not wish to be represented within the Marketplace by such individuals.
</p>
<p>
In witness whereof I sign this appointment letter on the date set at the beginning of the letter.
</p>
<div class="w3-cell-row">
<div class="w3-container w3-cell w3-border" style="width:50%">
<div class="signature">
<p>
In witness whereof I sign this appointment letter on the date set at the beginning of the letter.
</p>
<div class="w3-cell-row">
<div class="w3-container w3-cell w3-border" style="width:50%">
<div>For and on behalf of Company</div>
<div>For and on behalf of Company</div>
<div class="w3-container" style="padding-bottom:100px;"></div>
<div class="w3-container" style="padding-bottom:100px;"></div>
</div>
</div>
<div class="w3-container w3-cell w3-border" style="width:50%">
<div>Acceptance of the appointment by the LEAR</div>
<div class="w3-container w3-cell w3-border" style="width:50%">
<div>Acceptance of the appointment by the LEAR</div>
<div class="w3-container" style="padding-bottom:100px;"></div>
<div class="w3-container" style="padding-bottom:100px;"></div>
</div>
</div>
</div>
<div class="w3-cell-row">
<div class="w3-container w3-cell" style="width:50%">
<div class="w3-cell-row">
<div class="w3-container w3-cell" style="width:50%">
<div>
<p>Signed: Mr./Mrs. ${form.LegalRepFirstName} ${form.LegalRepLastName}</p>
</div>
<div>
<p>Signed: Mr./Mrs. ${form.LegalRepFirstName} ${form.LegalRepLastName}</p>
</div>
</div>
<div class="w3-container w3-cell" style="width:50%">
<div class="w3-container w3-cell" style="width:50%">
<div>
<p>Accepted and signed: Mr./Mrs. ${form.LEARFirstName} ${form.LEARLastName}</p>
</div>
<div>
<p>Accepted and signed: Mr./Mrs. ${form.LEARFirstName} ${form.LEARLastName}</p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
return theHtml;
Expand Down
2 changes: 2 additions & 0 deletions docs/print.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,3 +25,5 @@
}

.pagebreak { page-break-before: always; }

.signature { break-inside: avoid;}
Loading

0 comments on commit 04df547

Please sign in to comment.