|
| 1 | +{%- block subject -%}{%- endblock subject -%} |
| 2 | +{%- block from -%}{%- endblock from -%} |
| 3 | + |
| 4 | +{% block DOCTYPE %} |
| 5 | + <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 6 | +{% endblock %} |
| 7 | + |
| 8 | +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> |
| 9 | + {%- block head -%} |
| 10 | + <head> |
| 11 | + <!--[if mso]> |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 13 | + <![endif]--> |
| 14 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| 15 | + <meta name="color-scheme" content="light dark"> |
| 16 | + <meta name="supported-color-schemes" content="light dark"> |
| 17 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 18 | + <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300&display=swap" rel="stylesheet"> |
| 19 | + <title>{%- block head_title -%}Ibexa DXP{%- endblock head_title -%}</title> |
| 20 | + </head> |
| 21 | + {%- endblock head -%} |
| 22 | + {%- block body -%} |
| 23 | + <body style="margin: 0; padding: 0; background: #ffffff"> |
| 24 | + <table |
| 25 | + align="center" |
| 26 | + border="0" |
| 27 | + cellpadding="0" |
| 28 | + cellspacing="0" |
| 29 | + role="presentation" |
| 30 | + width="585" |
| 31 | + style="border: 1px solid #e0e0e8;" |
| 32 | + > |
| 33 | + <tbody> |
| 34 | + {%- block mail_header -%} |
| 35 | + {% set content %} |
| 36 | + {%- block mail_header_content -%} |
| 37 | + {% if header_img_path is defined %} |
| 38 | + <img |
| 39 | + style="width: 585px; height: 100px;" |
| 40 | + src="{{ header_img_path }}" |
| 41 | + alt="{%- block mail_header_alt_text -%}Ibexa DXP{%- endblock mail_header_alt_text -%}" |
| 42 | + /> |
| 43 | + {% else %} |
| 44 | + <h2 style="display: tabel-cell; padding: 32px 48px; margin: 0;"> |
| 45 | + {% block mail_header_alternative_img_content %}Ibexa DXP{% endblock mail_header_alternative_img_content %} |
| 46 | + </h2> |
| 47 | + {% endif %} |
| 48 | + {%- endblock mail_header_content -%} |
| 49 | + {% endset %} |
| 50 | + |
| 51 | + {% include '@ibexadesign/ui/mail/components/row.html.twig' with { |
| 52 | + content, |
| 53 | + style: 'padding: 0;' |
| 54 | + } only %} |
| 55 | + {%- endblock mail_header -%} |
| 56 | + |
| 57 | + {%- block mail_message_title -%} |
| 58 | + {% set content %} |
| 59 | + {%- block mail_message_title_content -%}{%- endblock mail_message_title_content -%} |
| 60 | + {% endset %} |
| 61 | + |
| 62 | + {% include '@ibexadesign/ui/mail/components/row.html.twig' with { |
| 63 | + content, |
| 64 | + style: not header_img_path is defined ? 'padding-top: 16px;' |
| 65 | + } only %} |
| 66 | + {%- endblock mail_message_title -%} |
| 67 | + |
| 68 | + {%- block mail_message -%} |
| 69 | + {% set content %} |
| 70 | + {%- block mail_message_content -%}{%- endblock mail_message_content -%} |
| 71 | + {% endset %} |
| 72 | + |
| 73 | + {% include '@ibexadesign/ui/mail/components/row.html.twig' with { |
| 74 | + content, |
| 75 | + style: 'padding-bottom: 32px; line-height: 28px;' |
| 76 | + } only %} |
| 77 | + {%- endblock mail_message -%} |
| 78 | + |
| 79 | + {%- block mail_actions -%} |
| 80 | + {% set content %} |
| 81 | + {%- block mail_actions_content -%}{%- endblock mail_actions_content -%} |
| 82 | + {% endset %} |
| 83 | + |
| 84 | + {% include '@ibexadesign/ui/mail/components/row.html.twig' with { |
| 85 | + content, |
| 86 | + style: 'padding-bottom: 48px;' |
| 87 | + } only %} |
| 88 | + {%- endblock mail_actions -%} |
| 89 | + |
| 90 | + {%- block mail_footer -%} |
| 91 | + {% set line %} |
| 92 | + <div style="width: 100%; height: 1px; background: #e0e0e0;"></div> |
| 93 | + {% endset %} |
| 94 | + {% set content %} |
| 95 | + {%- block mail_footer_content -%}{%- endblock mail_footer_content -%} |
| 96 | + {% endset %} |
| 97 | + |
| 98 | + {% include '@ibexadesign/ui/mail/components/row.html.twig' with { content: line } only %} |
| 99 | + {% include '@ibexadesign/ui/mail/components/row.html.twig' with { content } only %} |
| 100 | + {%- endblock mail_footer -%} |
| 101 | + </tbody> |
| 102 | + </table> |
| 103 | + </body> |
| 104 | + {%- endblock -%} |
| 105 | +</html> |
0 commit comments