diff --git a/src/bundle/Resources/public/img/mail/button_left_side.png b/src/bundle/Resources/public/img/mail/button_left_side.png new file mode 100644 index 0000000000..537a96cdff Binary files /dev/null and b/src/bundle/Resources/public/img/mail/button_left_side.png differ diff --git a/src/bundle/Resources/public/img/mail/button_left_side.svg b/src/bundle/Resources/public/img/mail/button_left_side.svg new file mode 100644 index 0000000000..58f75c87d3 --- /dev/null +++ b/src/bundle/Resources/public/img/mail/button_left_side.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/bundle/Resources/public/img/mail/button_right_side.png b/src/bundle/Resources/public/img/mail/button_right_side.png new file mode 100644 index 0000000000..30092e52bf Binary files /dev/null and b/src/bundle/Resources/public/img/mail/button_right_side.png differ diff --git a/src/bundle/Resources/public/img/mail/button_right_side.svg b/src/bundle/Resources/public/img/mail/button_right_side.svg new file mode 100644 index 0000000000..5bff4ad4a4 --- /dev/null +++ b/src/bundle/Resources/public/img/mail/button_right_side.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/bundle/Resources/public/img/mail/header_bg.png b/src/bundle/Resources/public/img/mail/header_bg.png new file mode 100644 index 0000000000..2e0bb75473 Binary files /dev/null and b/src/bundle/Resources/public/img/mail/header_bg.png differ diff --git a/src/bundle/Resources/public/img/mail/header_bg.svg b/src/bundle/Resources/public/img/mail/header_bg.svg new file mode 100644 index 0000000000..645d899926 --- /dev/null +++ b/src/bundle/Resources/public/img/mail/header_bg.svg @@ -0,0 +1,82 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/bundle/Resources/views/themes/admin/account/forgot_password/mail.html.twig b/src/bundle/Resources/views/themes/admin/account/forgot_password/mail.html.twig index 73437c84a8..08ed5157b6 100644 --- a/src/bundle/Resources/views/themes/admin/account/forgot_password/mail.html.twig +++ b/src/bundle/Resources/views/themes/admin/account/forgot_password/mail.html.twig @@ -1,19 +1,29 @@ -{%- block from -%} -{%- endblock from -%} +{% extends '@ibexadesign/ui/mail/base_mail_template.html.twig' %} + +{% trans_default_domain 'ibexa_admin_ui' %} {%- block subject -%} - {{ 'ezplatform.forgot_user_password.reset_your_password'|trans|desc('Reset your password') }} + {{ 'forgot_user_password.reset_your_password'|trans|desc('Reset your password') }} {%- endblock subject -%} -{%- block body -%} -

- {{ 'ezplatform.forgot_user_password.message'|trans({ '%reset_password%': url('ibexa.user.reset_password', {'hashKey': hash_key}) })|raw - |desc('Hi, -

- We have received a request to reset the password for your Ibexa DXP account. Click “reset password” below to choose a new password: -

- Reset password -

- If you did not request a password reset, please ignore this email, and your password will remain the same.') }} -

-{%- endblock body -%} +{%- block message_title -%} + {{ 'forgot_user_password.message_title'|trans()|desc('Hello,') }} +{%- endblock message_title -%} + +{%- block message %} + {{ 'forgot_user_password.message'|trans()|desc('We have received a request to reset the password for your account. Click "reset password" below to choose a new password:') }} +{%- endblock message %} + +{%- block message_actions -%} + {% include '@ibexadesign/ui/mail/action_btn.html.twig' with { + url: url('ibexa.user.reset_password', { + 'hashKey': hash_key + }), + label: 'ezplatform.forgot_user_password.reset_password'|trans()|desc('Reset password') + } %} +{%- endblock message_actions -%} + +{%- block message_footer -%} + {{ 'forgot_user_password.message_footer'|trans()|desc('If you did not request a password reset, please ignore this email, and your password will remain the same.') }} +{%- endblock message_footer -%} +z \ No newline at end of file diff --git a/src/bundle/Resources/views/themes/admin/ui/mail/action_btn.html.twig b/src/bundle/Resources/views/themes/admin/ui/mail/action_btn.html.twig new file mode 100644 index 0000000000..027a67e078 --- /dev/null +++ b/src/bundle/Resources/views/themes/admin/ui/mail/action_btn.html.twig @@ -0,0 +1,38 @@ +{% set link_width = label|length * 10 %} +{% set btn_width = link_width + 32 %} + +{% macro button_side_img(base64, width_px = 16, height_px = 48) %} + + + +{% endmacro %} + + + + {{ _self.button_side_img("iVBORw0KGgoAAAANSUhEUgAAABAAAAAwCAMAAAAvgQplAAAAVFBMVEUAAACAAICqAFWZAGaqAFWvEGOuEGSvEmWuEmOvEmWtEmSuEWSuEWWvEGSuEWSuEWSuEWOuEWSuEWSuEGSuEmOtEWSuEWSuEWSuEWStEWSuEWT///9GZI3tAAAAGnRSTlMAAgMFBlBSU1VWV4qLjKSmp9fY2drb3N3z9PxLL8wAAAABYktHRBsCYNSkAAAAXUlEQVQoz+3RNw6EQABD0U+OS46+/0Fp0EpjboBw51dZMgCkdT+dkiQBUOz6B4h/UgBBFxQKId0MahkMDovD4aAPXguPs2eH3qFySFYDcgdah6gxgGw1ICm78V54ARoVSXMDmUd2AAAAAElFTkSuQmCC") }} + + {{ _self.button_side_img("iVBORw0KGgoAAAANSUhEUgAAABAAAAAwCAMAAAAvgQplAAAAUVBMVEUAAACAAICZAGaqAFWuEGSvEGOuEGStEmSuEmOvEmWuEWOtEWWuEWWuEWSuEWSuEWSuEWSuEWStEWSuEWSuEWStEWSuEWWuEWStEWSuEWT///9DylPAAAAAGXRSTlMAAgUGT1BSVFVWiImLo6Sm19jb3N3e8fP0bGRbwQAAAAFiS0dEGnVn5DIAAABZSURBVCjP7dK3EYBAAMTAw5vHu+f6b5SMAZXAoHBjybbtcx6bTJIk360lwO4SgAPBBWHPAK4JA2EmRIJ/+CwchInQEyrAxulybNli3PBee8kf88dpqFJJ0gWYFEaC3ipVGgAAAABJRU5ErkJggg==") }} + +
+ + {{ label }} + +
\ No newline at end of file diff --git a/src/bundle/Resources/views/themes/admin/ui/mail/base_mail_template.html.twig b/src/bundle/Resources/views/themes/admin/ui/mail/base_mail_template.html.twig new file mode 100644 index 0000000000..9f21a7460d --- /dev/null +++ b/src/bundle/Resources/views/themes/admin/ui/mail/base_mail_template.html.twig @@ -0,0 +1,69 @@ +{%- block subject -%}{%- endblock subject -%} +{%- block from -%}{%- endblock from -%} + +{% block DOCTYPE %} + +{% endblock %} + + + {%- block head -%} + + + + + + {%- block head_title -%}Ibexa DXP{%- endblock head_title -%} + + {%- endblock head -%} + {%- block body -%} + + + {%- block message_header_wrapper -%} + + + + {%- endblock message_header_wrapper -%} + + {%- block message_title_wrapper -%} + + + + {%- endblock message_title_wrapper -%} + + {%- block message_wrapper -%} + + + + {%- endblock message_wrapper -%} + + {%- block message_actions_wrapper -%} + + + + {%- endblock message_actions_wrapper -%} + + {%- block message_footer_wrapper -%} + + + + + + + {%- endblock message_footer_wrapper -%} +
+ {%- block message_header -%} + + {%- endblock message_header -%} +
{%- block message_title -%}{%- endblock message_title -%}
{%- block message -%}{%- endblock message -%}
{%- block message_actions -%}{%- endblock message_actions -%}
+
+
{%- block message_footer -%}{%- endblock message_footer -%}
+ + {%- endblock body -%} +