Hook - Send email after form submission (with template)

anmeldung_angekommen.liquid

<!-- Location: /templates/anmeldung_angekommen.liquid -->  


{% layout "base" %} {% block content %}

<p>Hallo,</p>
<p>
  Die Anmeldung von <b>{{ vorname }} {{ nachname }}</b> als
  <b>{{ rolle }}</b> ist bei uns angekommen.
</p>
<p>Wir werden sie in den nächsten Tagen bearbeiten.</p>
<br />

{% endblock %}

index.js

/* Info: Created without using the extension-sdk  */
/* Location: /extensions/hooks/YOUR_HOOK_NAME/index.js */

module.exports = function registerHook(
  { action },
  { services, exceptions, logger }
) {
  const { MailService } = services;
  const { ServiceUnavailableException } = exceptions;

  action("anmeldungen.items.create", async (input, { schema }) => {
    logger.info("ACTION ANMELDUNG CREATED");
    logger.info(" - payload: " + JSON.stringify(input.payload)); // payload contains all used input fields from the form
    logger.info(" - key: " + JSON.stringify(input.key)); // key contains the id of the created item

    /* Creating new instances of the MailService */
    const mailService = new MailService({ schema });

    /* Sending the email. */
    try {
      await mailService.send({
        to: input.payload.kontakt_email,
        subject: "Anmeldung angekommen",
        template: {
          name: "anmeldung_angekommen",
          data: {
            vorname: input.payload.vorname,
            nachname: input.payload.nachname,
            rolle: input.payload.rolle,
          },
        },
        attachments: [{
        filename: "Anmeldung_angekommen.pdf",
        path: `https://YOUR_DIRECTUS_URL/assets/YOUR_FILE_ID`, // could be any file url from the internet
        }],
      });
    } catch (error) {
      throw new ServiceUnavailableException(error);
    }
  });
};