European Diploma Supplement render
This web component renders an European Diploma Supplement (EDS) endorsement as specified per the Cowcerts standards for Education inside a Cowcerts academic certificate.
It uses the Andorran European Diploma Supplement format as the view.
Usage
Simply include the european-diploma-supplement
element in your HTML
and
use the certificate
attribute to specify the certificate where the EDS is
inside.
<european-diploma-supplement certificate="{{myCertificate}}"></european-diploma-supplement>
You have to include the web components library and the JavaScript module that defines the custom element.
Also you will have to include some scripts to display the print button Look at the demo folder for a more complete example
Options
You can specify several options, not just the mandatory certificate
one.
Hide print button
You can hide the print button setting the noprint
attribute to true
<european-diploma-supplement noprint certificate="{{myCertificate}}"></european-diploma-supplement>
Autoprint
Using the autoprint
attribute, the print dialog will automatically appear
<european-diploma-supplement autoprint certificate="{{myCertificate}}"></european-diploma-supplement>
Development
Serving the certificate
To serve the certificate, use the start
npm script:
npm run start
A local server will be available on http://localhost:8081 with the web component rendered with a sample certificate
Automatically refreshing browser on changes
If you are serving the certificate via the npm run start
command, you can
also reload automatically the browser if any of the WebComponent sources or demo
files change.
npm run watch
Build
With rollup.js you can bundle everything in a module, just use the
build
npm script:
npm run build
The file demo/bundled.html contains a demo for the rendered version (the one compiled by rollup.js)
<> with