fix(backend): fix e-mail character encoding (#8886)

* Improve e-mail base design

* Refine e-mail design

* Adjust e-mail snapshots

* Avoid early html encoding for all parameters in locals

* Avoid early html encoding for all '= t()'

* Avoid early html encoding for the remaining '='

backend/src/emails/templates/changed_group_member_role/html.pug

@@ -3,5 +3,5 @@ extend ../layout.pug
 block content
   .content
   - var groupUrl = groupUrl
-  p= t('changedGroupMemberRole', { groupName })
-  a.button(href=groupUrl)= t('buttons.viewGroup')
+  p!= t('changedGroupMemberRole', { groupName })
+  a.button(href=groupUrl)!= t('buttons.viewGroup')

backend/src/emails/templates/changed_group_member_role/subject.pug

@@ -1 +1 @@
-= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.changedGroupMemberRole')}`
+!= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.changedGroupMemberRole')}`

backend/src/emails/templates/chat_message/html.pug

@@ -2,7 +2,7 @@ extend ../layout.pug
 
 block content
   .content
-  p= t('chatMessageStart')
-    a.user(href=chattingUserUrl)= chattingUser
-    = t('chatMessageEnd')
-  a.button(href=chatUrl)= t('buttons.viewChat')
+  p!= t('chatMessageStart')
+    a.user(href=chattingUserUrl)!= chattingUser
+    != t('chatMessageEnd')
+  a.button(href=chatUrl)!= t('buttons.viewChat')

backend/src/emails/templates/chat_message/subject.pug

@@ -1 +1 @@
-= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.chatMessage')}`
+!= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.chatMessage')}`

backend/src/emails/templates/commented_on_post/html.pug

@@ -3,6 +3,6 @@ extend ../layout.pug
 block content
   .content
   p
-    a.user(href=commenterUrl)= commenterName
-    = t('commentedOnPost', { postTitle})
-  a.button(href=commentUrl)= t('buttons.viewComment')
+    a.user(href=commenterUrl)!= commenterName
+    != t('commentedOnPost', { postTitle})
+  a.button(href=commentUrl)!= t('buttons.viewComment')

backend/src/emails/templates/commented_on_post/subject.pug

@@ -1 +1 @@
-= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.commentedOnPost')}`
+!= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.commentedOnPost')}`

backend/src/emails/templates/emailVerification/html.pug

@@ -2,9 +2,9 @@ extend ../layout.pug
 
 block content
   .content
-  p= t('emailVerification.introduction')
-  a.button(href=actionUrl)= t('buttons.verifyEmail')
-  p= t('emailVerification.doNotChange')
+  p!= t('emailVerification.introduction')
+  a.button(href=actionUrl)!= t('buttons.verifyEmail')
+  p!= t('emailVerification.doNotChange')
 
-  p= t('emailVerification.codeHint')
-    span= nonce
+  p!= t('emailVerification.codeHint')
+    span!= nonce

backend/src/emails/templates/emailVerification/subject.pug

@@ -1 +1 @@
-= `${t('subjects.newEmail')} ${APPLICATION_NAME}`
+!= `${t('subjects.newEmail')} ${APPLICATION_NAME}`

backend/src/emails/templates/followed_user_posted/html.pug

@@ -3,6 +3,6 @@ extend ../layout.pug
 block content
   .content
   p
-    a.user(href=postAuthorUrl)= postAuthorName
-    = t('followedUserPosted', { postTitle })
-  a.button(href=postUrl)= t('buttons.viewPost')
+    a.user(href=postAuthorUrl)!= postAuthorName
+    != t('followedUserPosted', { postTitle })
+  a.button(href=postUrl)!= t('buttons.viewPost')

backend/src/emails/templates/followed_user_posted/subject.pug

@@ -1 +1 @@
-= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.followedUserPosted')}`
+!= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.followedUserPosted')}`

backend/src/emails/templates/includes/footer.pug

@@ -2,4 +2,4 @@ footer
   .footer
   - var organizationUrl = ORGANIZATION_URL
   - var organizationName = ORGANIZATION_NAME
-    a(href=organizationUrl)= organizationName
+    a(href=organizationUrl)!= organizationName

backend/src/emails/templates/includes/greeting.pug

@@ -4,14 +4,14 @@
   - var team = APPLICATION_NAME
   - var settingsUrl = settingsUrl
   - var renderSettingsUrl = renderSettingsUrl
-  p.no-margin-top-bottom= t('general.seeYou')
-    a.organization(href=organizationUrl)= team
+  p.no-margin-top-bottom!= t('general.seeYou')
+    a.organization(href=organizationUrl)!= team
     | !
-  p.no-margin-top-bottom= t('general.yourTeam', { team })
+  p.no-margin-top-bottom!= t('general.yourTeam', { team })
 
   if renderSettingsUrl
     br
-    p.no-margin-top-bottom= t('general.settingsHint')
-      a.settings(href=settingsUrl)= t('general.settingsName')
+    p.no-margin-top-bottom!= t('general.settingsHint')
+      a.settings(href=settingsUrl)!= t('general.settingsName')
       | !
   

backend/src/emails/templates/includes/salutation.pug

@@ -1 +1 @@
-h2= `${t('general.greeting')} ${name},`
+h2!= `${t('general.greeting')} ${name},`

backend/src/emails/templates/includes/support.pug

@@ -1,2 +1,2 @@
-p.no-margin-top-bottom= t('support')
-  a(href='mailto:' + supportEmail)= supportEmail
+p.no-margin-top-bottom!= t('support')
+  a(href='mailto:' + supportEmail)!= supportEmail

backend/src/emails/templates/includes/welcome.pug

@@ -1 +1 @@
-h2= `${t('general.welcome')} ${APPLICATION_NAME}!`
+h2!= `${t('general.welcome')} ${APPLICATION_NAME}!`

backend/src/emails/templates/mentioned_in_comment/html.pug

@@ -3,6 +3,6 @@ extend ../layout.pug
 block content
   .content
   p
-    a.user(href=commenterUrl)= commenterName
-    = t('mentionedInComment', { postTitle})
-  a.button(href=commentUrl)= t('buttons.viewComment')
+    a.user(href=commenterUrl)!= commenterName
+    != t('mentionedInComment', { postTitle})
+  a.button(href=commentUrl)!= t('buttons.viewComment')

backend/src/emails/templates/mentioned_in_comment/subject.pug

@@ -1 +1 @@
-= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.mentionedInComment')}`
+!= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.mentionedInComment')}`

backend/src/emails/templates/mentioned_in_post/html.pug

@@ -3,6 +3,6 @@ extend ../layout.pug
 block content
   .content
   p
-    a.user(href=postAuthorUrl)= postAuthorName
-    = t('mentionedInPost', { postTitle })
-  a.button(href=postUrl)= t('buttons.viewPost')
+    a.user(href=postAuthorUrl)!= postAuthorName
+    != t('mentionedInPost', { postTitle })
+  a.button(href=postUrl)!= t('buttons.viewPost')

backend/src/emails/templates/mentioned_in_post/subject.pug

@@ -1 +1 @@
-= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.mentionedInPost')}`
+!= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.mentionedInPost')}`

backend/src/emails/templates/post_in_group/html.pug

@@ -3,5 +3,5 @@ extend ../layout.pug
 block content
   .content
   - var postUrl = postUrl
-  p= t('postInGroup', { postTitle})
-  a.button(href=postUrl)= t('buttons.viewPost')
+  p!= t('postInGroup', { postTitle})
+  a.button(href=postUrl)!= t('buttons.viewPost')

backend/src/emails/templates/post_in_group/subject.pug

@@ -1 +1 @@
-= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.postInGroup')}`
+!= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.postInGroup')}`

backend/src/emails/templates/registration/html.pug

@@ -2,14 +2,14 @@ extend ../layout.pug
 
 block content
   .content
-  p= t('registration.introduction')
-  a.button(href=actionUrl)= t('buttons.confirmEmail')
-  p= t('registration.codeHint')
-    span= nonce
-  p= t('registration.codeHintException')
+  p!= t('registration.introduction')
+  a.button(href=actionUrl)!= t('buttons.confirmEmail')
+  p!= t('registration.codeHint')
+    span!= nonce
+  p!= t('registration.codeHintException')
 
-  p= t('registration.notYouStart') 
-    a(href=ORGANIZATION_LINK)= APPLICATION_NAME
-    = t('registration.notYouEnd')
+  p!= t('registration.notYouStart') 
+    a(href=ORGANIZATION_LINK)!= APPLICATION_NAME
+    != t('registration.notYouEnd')
 
-  p= t('registration.ps')
+  p!= t('registration.ps')

backend/src/emails/templates/registration/subject.pug

@@ -1 +1 @@
-= `${t('general.welcome')} ${APPLICATION_NAME}`
+!= `${t('general.welcome')} ${APPLICATION_NAME}`

backend/src/emails/templates/removed_user_from_group/html.pug

@@ -2,4 +2,4 @@ extend ../layout.pug
 
 block content
   .content
-  p= t('removedUserFromGroup', { groupName })
+  p!= t('removedUserFromGroup', { groupName })

backend/src/emails/templates/resetPassword/html.pug

@@ -2,8 +2,8 @@ extend ../layout.pug
 
 block content
   .content
-  p= t('resetPassword.introduction')
-  a.button(href=actionUrl)= t('buttons.confirmEmail')
-  p= t('resetPassword.ignore')
-  p= t('resetPassword.codeHint')
-    span= nonce
+  p!= t('resetPassword.introduction')
+  a.button(href=actionUrl)!= t('buttons.confirmEmail')
+  p!= t('resetPassword.ignore')
+  p!= t('resetPassword.codeHint')
+    span!= nonce

backend/src/emails/templates/resetPassword/subject.pug

@@ -1 +1 @@
-= `${t('subjects.resetPassword')} ${APPLICATION_NAME}`
+!= `${t('subjects.resetPassword')} ${APPLICATION_NAME}`

backend/src/emails/templates/user_joined_group/html.pug

@@ -3,6 +3,6 @@ extend ../layout.pug
 block content
   .content
   p
-    a.user(href=groupRelatedUserUrl)= groupRelatedUserName  
-    = t('userJoinedGroup', { groupName })
-  a.button(href=groupUrl)= t('buttons.viewGroup')
+    a.user(href=groupRelatedUserUrl)!= groupRelatedUserName  
+    != t('userJoinedGroup', { groupName })
+  a.button(href=groupUrl)!= t('buttons.viewGroup')

backend/src/emails/templates/user_joined_group/subject.pug

@@ -1 +1 @@
-= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.userJoinedGroup')}`
+!= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.userJoinedGroup')}`

backend/src/emails/templates/user_left_group/html.pug

@@ -3,6 +3,6 @@ extend ../layout.pug
 block content
   .content
   p
-    a.user(href=groupRelatedUserUrl)= groupRelatedUserName    
-    = t('userLeftGroup', { groupName })
-  a.button(href=groupUrl)= t('buttons.viewGroup')
+    a.user(href=groupRelatedUserUrl)!= groupRelatedUserName    
+    != t('userLeftGroup', { groupName })
+  a.button(href=groupUrl)!= t('buttons.viewGroup')

backend/src/emails/templates/user_left_group/subject.pug

@@ -1 +1 @@
-= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.userLeftGroup')}`
+!= `${APPLICATION_NAME}  – ${t('notification')}: ${t('subjects.userLeftGroup')}`

backend/src/emails/templates/wrongEmail/html.pug

@@ -2,9 +2,9 @@ extend ../layout.pug
 
 block content
   .content
-  p= t('wrongEmail.introduction')
-  a.button(href=actionUrl)= t('buttons.tryAgain')
+  p!= t('wrongEmail.introduction')
+  a.button(href=actionUrl)!= t('buttons.tryAgain')
 
-  p= t('wrongEmail.ignoreStart') 
-    a(href=ORGANIZATION_LINK)= APPLICATION_NAME
-    = t('wrongEmail.ignoreEnd')
+  p!= t('wrongEmail.ignoreStart') 
+    a(href=ORGANIZATION_LINK)!= APPLICATION_NAME
+    != t('wrongEmail.ignoreEnd')

backend/src/emails/templates/wrongEmail/subject.pug

@@ -1 +1 @@
-= `${t('subjects.wrongEmail')} ${APPLICATION_NAME}`
+!= `${t('subjects.wrongEmail')} ${APPLICATION_NAME}`