@cowcerts/eds-render NPM

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.