potsda.mn/mobilizon
10
4
Fork 1
Code Issues 22 Pull requests 1 Projects Releases Wiki Activity

Format LiveView templates after adding the LiveView formatter plugin

Browse source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2022-04-07 10:33:11 +02:00
parent bde831299d
commit 4f92add78d
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
47 changed files with 2557 additions and 1210 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

157
lib/web/templates/api/privacy.html.heex
View file

@ -1,16 +1,22 @@
<article class="message"> <article class="message">
<p class="message-body"> <p class="message-body">
<%= pgettext("terms", "Some terms, technical or otherwise, used in the text below may cover concepts that are difficult to grasp. We have provided <a href=\"/glossary\">a glossary</a> to help you understand them better.") |> raw %> <%= pgettext(
"terms",
"Some terms, technical or otherwise, used in the text below may cover concepts that are difficult to grasp. We have provided <a href=\"/glossary\">a glossary</a> to help you understand them better."
)
|> raw %>
</p> </p>
</article> </article>
<h3><%= pgettext("terms", "What information do we collect?") %></h3> <h3><%= pgettext("terms", "What information do we collect?") %></h3>
<ul> <ul>
<li> <li>
<b><%= pgettext("terms", "Basic account information") %></b> <b><%= pgettext("terms", "Basic account information") %></b>
<p><%= pgettext( <p>
<%= pgettext(
"terms", "terms",
"We collect information from you when you register on this instance and gather data when you participate in the platform by reading, writing, and interacting with content shared here. If you register on this instance, you will be asked to enter <b>an email address, a password</b> (hashed) and at least <b>an username</b>. Your email address will be verified by an email containing a unique link. Once the link is activated, we know you control that email address. You may also enter additional profile information such as <b>a display name and biography, and upload a profile picture and header image</b>. The username, display name, biography, profile picture and header image <b>are always listed publicly</b>. <b>You may however visit this instance without registering</b>." "We collect information from you when you register on this instance and gather data when you participate in the platform by reading, writing, and interacting with content shared here. If you register on this instance, you will be asked to enter <b>an email address, a password</b> (hashed) and at least <b>an username</b>. Your email address will be verified by an email containing a unique link. Once the link is activated, we know you control that email address. You may also enter additional profile information such as <b>a display name and biography, and upload a profile picture and header image</b>. The username, display name, biography, profile picture and header image <b>are always listed publicly</b>. <b>You may however visit this instance without registering</b>."
) |> raw %> )
|> raw %>
</p> </p>
</li> </li>
<li> <li>
@ -19,7 +25,8 @@
<%= pgettext( <%= pgettext(
"terms", "terms",
"Your <b>events</b> and <b>comments</b> are delivered to other instances that follow your own, meaning they are delivered to different instances and copies are stored there. When you delete events or comments, this is likewise delivered to these other instances. All interactions related to event features - such as joining an event - or group features - such as managing resources - are federated as well. Please keep in mind that the operators of the instance and any receiving instances may view such messages and information, and that recipients may screenshot, copy or otherwise re-share them." "Your <b>events</b> and <b>comments</b> are delivered to other instances that follow your own, meaning they are delivered to different instances and copies are stored there. When you delete events or comments, this is likewise delivered to these other instances. All interactions related to event features - such as joining an event - or group features - such as managing resources - are federated as well. Please keep in mind that the operators of the instance and any receiving instances may view such messages and information, and that recipients may screenshot, copy or otherwise re-share them."
) |> raw %> )
|> raw %>
</p> </p>
<p> <p>
<b><%= pgettext("terms", "Do not share any dangerous information over Mobilizon.") %></b> <b><%= pgettext("terms", "Do not share any dangerous information over Mobilizon.") %></b>
@ -28,47 +35,71 @@
<li> <li>
<b><%= pgettext("terms", "IPs and other metadata") %></b> <b><%= pgettext("terms", "IPs and other metadata") %></b>
<p> <p>
<%= pgettext("terms", "We also may retain server logs which include the IP address of every request to our server.") %> <%= pgettext(
"terms",
"We also may retain server logs which include the IP address of every request to our server."
) %>
</p> </p>
</li> </li>
</ul> </ul>
<h3><%= pgettext("terms", "What do we use your information for?") %></h3> <h3><%= pgettext("terms", "What do we use your information for?") %></h3>
<p><%= <p>
pgettext( <%= pgettext(
"terms", "terms",
"Any of the information we collect from you may be used in the following ways:" "Any of the information we collect from you may be used in the following ways:"
) ) %>
%></p> </p>
<ul> <ul>
<li><%= pgettext("terms", "To provide the core functionality of Mobilizon. Depending on this instance's policy you may only be able to <li>
interact with other people's content and post your own content if you are logged in.") %></li> <%= pgettext(
<li><%= pgettext("terms", "To aid moderation of the community, for example comparing your IP address with other known ones to determine ban "terms",
evasion or other violations.") %></li> "To provide the core functionality of Mobilizon. Depending on this instance's policy you may only be able to
<li><%= pgettext("terms", "The email address you provide may be used to send you information, updates and notifications about other people interact with other people's content and post your own content if you are logged in."
) %>
</li>
<li>
<%= pgettext(
"terms",
"To aid moderation of the community, for example comparing your IP address with other known ones to determine ban
evasion or other violations."
) %>
</li>
<li>
<%= pgettext(
"terms",
"The email address you provide may be used to send you information, updates and notifications about other people
interacting with your content or sending you messages and to respond to inquiries, and/or other requests or interacting with your content or sending you messages and to respond to inquiries, and/or other requests or
questions.") %></li> questions."
) %>
</li>
</ul> </ul>
<h3 class="title"><%= pgettext("terms", "How do we protect your information?") %></h3> <h3 class="title"><%= pgettext("terms", "How do we protect your information?") %></h3>
<p> <p>
<%= <%= pgettext(
pgettext("terms", "We implement a variety of security measures to maintain the safety of your personal information when you enter, submit, or access your personal information. Among other things, your browser session, as well as the traffic between your applications and the API, are secured with SSL/TLS, and your password is hashed using a strong one-way algorithm.") "terms",
%> "We implement a variety of security measures to maintain the safety of your personal information when you enter, submit, or access your personal information. Among other things, your browser session, as well as the traffic between your applications and the API, are secured with SSL/TLS, and your password is hashed using a strong one-way algorithm."
) %>
</p> </p>
<h3 class="title"><%= pgettext("terms", "What is our data retention policy?") %></h3> <h3 class="title"><%= pgettext("terms", "What is our data retention policy?") %></h3>
<p><%= pgettext("terms", "We will make a good faith effort to:") %></p> <p><%= pgettext("terms", "We will make a good faith effort to:") %></p>
<ul> <ul>
<li> <li>
<%= pgettext("terms", "Retain server logs containing the IP address of all requests to this server, insofar as such logs are kept, no more than 90 days.")%> <%= pgettext(
"terms",
"Retain server logs containing the IP address of all requests to this server, insofar as such logs are kept, no more than 90 days."
) %>
</li> </li>
<li> <li>
<%= pgettext("terms", "Retain the IP addresses associated with registered users no more than 12 months.") %> <%= pgettext(
"terms",
"Retain the IP addresses associated with registered users no more than 12 months."
) %>
</li> </li>
</ul> </ul>
<p><%= pgettext("terms", "You may irreversibly delete your account at any time.") %></p> <p><%= pgettext("terms", "You may irreversibly delete your account at any time.") %></p>
<h3 class="title"><%= pgettext("terms", "Do we use cookies?") %></h3> <h3 class="title"><%= pgettext("terms", "Do we use cookies?") %></h3>
<p><%= <p>
pgettext("terms", "We store the following information on your device when you connect:") <%= pgettext("terms", "We store the following information on your device when you connect:") %>
%>
</p> </p>
<ul> <ul>
<li><%= pgettext("terms", "An internal user ID") %></li> <li><%= pgettext("terms", "An internal user ID") %></li>
@ -76,44 +107,72 @@
<li><%= pgettext("terms", "Tokens to authenticate you") %></li> <li><%= pgettext("terms", "Tokens to authenticate you") %></li>
</ul> </ul>
<p><%= pgettext("terms", "If you delete this information, you need to login again.") %></p> <p><%= pgettext("terms", "If you delete this information, you need to login again.") %></p>
<p><%= <p>
pgettext( <%= pgettext(
"terms", "terms",
"If you're not connected, we don't store any information on your device, unless you participate in an event anonymously. In this specific case we store the hash of an unique identifier for the event and participation status in your browser so that we may display participation status. Deleting this information will only stop displaying participation status in your browser." "If you're not connected, we don't store any information on your device, unless you participate in an event anonymously. In this specific case we store the hash of an unique identifier for the event and participation status in your browser so that we may display participation status. Deleting this information will only stop displaying participation status in your browser."
) ) %>
%>
</p> </p>
<em> <em>
<%= pgettext("terms", "Note: This information is stored in your localStorage and not your cookies.") %> <%= pgettext(
"terms",
"Note: This information is stored in your localStorage and not your cookies."
) %>
</em> </em>
<h3 class="title"><%= <h3 class="title">
pgettext("terms", "Do we disclose any information to outside parties?") <%= pgettext("terms", "Do we disclose any information to outside parties?") %>
%></h3> </h3>
<p> <p>
<%= <%= pgettext(
pgettext("terms", "No. We do not sell, trade, or otherwise transfer to outside parties your personally identifiable information. This does not include trusted third parties who assist us in operating our site, conducting our business, or servicing you, so long as those parties agree to keep this information confidential. We may also release your information when we believe release is appropriate to comply with the law, enforce our site policies, or protect ours or others rights, property, or safety.") "terms",
%> "No. We do not sell, trade, or otherwise transfer to outside parties your personally identifiable information. This does not include trusted third parties who assist us in operating our site, conducting our business, or servicing you, so long as those parties agree to keep this information confidential. We may also release your information when we believe release is appropriate to comply with the law, enforce our site policies, or protect ours or others rights, property, or safety."
) %>
</p> </p>
<p> <p>
<%= <%= pgettext(
pgettext("terms", "Your content may be downloaded by other instances in the network. Your public events and comments are delivered to the instances following your own instance. Content created through a group is forwarded to all the instances of all the members of the group, insofar as these members reside on a different instance than this one.") "terms",
%> "Your content may be downloaded by other instances in the network. Your public events and comments are delivered to the instances following your own instance. Content created through a group is forwarded to all the instances of all the members of the group, insofar as these members reside on a different instance than this one."
) %>
</p> </p>
<h3 class="title"><%= <h3 class="title"><%= pgettext("terms", "Site usage by children") %></h3>
pgettext("terms", "Site usage by children")
%></h3>
<p> <p>
<%= pgettext("terms", "If this server is in the EU or the EEA: Our site, products and services are all directed to people who are at least 16 years old. If you are under the age of 16, per the requirements of the GDPR (<a href=\"https://en.wikipedia.org/wiki/General_Data_Protection_Regulation\">General Data Protection Regulation</a>) do not use this site.") |> raw %> <%= pgettext(
"terms",
"If this server is in the EU or the EEA: Our site, products and services are all directed to people who are at least 16 years old. If you are under the age of 16, per the requirements of the GDPR (<a href=\"https://en.wikipedia.org/wiki/General_Data_Protection_Regulation\">General Data Protection Regulation</a>) do not use this site."
)
|> raw %>
</p> </p>
<p> <p>
<%= pgettext("terms", "If this server is in the USA: Our site, products and services are all directed to people who are at least 13 years old. If you are under the age of 13, per the requirements of COPPA (<a href=\"https://en.wikipedia.org/wiki/Children%27s_Online_Privacy_Protection_Act\">Children's Online Privacy Protection Act</a>) do not use this site.") |> raw %> <%= pgettext(
"terms",
"If this server is in the USA: Our site, products and services are all directed to people who are at least 13 years old. If you are under the age of 13, per the requirements of COPPA (<a href=\"https://en.wikipedia.org/wiki/Children%27s_Online_Privacy_Protection_Act\">Children's Online Privacy Protection Act</a>) do not use this site."
)
|> raw %>
</p> </p>
<p> <p>
<%= pgettext("terms", "Law requirements can be different if this server is in another jurisdiction.") %> <%= pgettext(
"terms",
"Law requirements can be different if this server is in another jurisdiction."
) %>
</p>
<h3 class="title"><%= pgettext("terms", "Changes to our Privacy Policy") %></h3>
<p>
<%= pgettext(
"terms",
"If we decide to change our privacy policy, we will post those changes on this page."
) %>
</p>
<p>
<%= pgettext(
"terms",
"This document is licensed under <a href=\"https://creativecommons.org/licenses/by-sa/4.0/\">CC BY-SA</a>. It was last updated June 18, 2020."
)
|> raw %>
</p>
<p>
<%= pgettext(
"terms",
"Originally adapted from the <a href=\"https://mastodon.social/terms\">Mastodon</a> and <a href=\"https://github.com/discourse/discourse\">Discourse</a> privacy policies, also licensed under <a href=\"https://creativecommons.org/licenses/by-sa/4.0/\">CC BY-SA</a>."
)
|> raw %>
</p> </p>
<h3 class="title"><%=
pgettext("terms", "Changes to our Privacy Policy")
%></h3>
<p><%= pgettext("terms", "If we decide to change our privacy policy, we will post those changes on this page.") %></p>
<p><%= pgettext("terms", "This document is licensed under <a href=\"https://creativecommons.org/licenses/by-sa/4.0/\">CC BY-SA</a>. It was last updated June 18, 2020.") |> raw %></p>
<p><%= pgettext("terms", "Originally adapted from the <a href=\"https://mastodon.social/terms\">Mastodon</a> and <a href=\"https://github.com/discourse/discourse\">Discourse</a> privacy policies, also licensed under <a href=\"https://creativecommons.org/licenses/by-sa/4.0/\">CC BY-SA</a>.") |> raw %></p>

318
lib/web/templates/api/terms.html.heex
View file

@ -3,96 +3,324 @@
<h3><%= pgettext("terms", "Short version") %></h3> <h3><%= pgettext("terms", "Short version") %></h3>
<ul> <ul>
<li><%= pgettext("terms", "Your content is yours") %></li> <li><%= pgettext("terms", "Your content is yours") %></li>
<li><%= pgettext("terms", "<b>%{instance_name}</b> will not use or transmit or resell your personal data", %{instance_name: @instance_name}) |> raw %></li> <li>
<li><%= pgettext("terms", "You must respect the law when using <b>%{instance_name}</b>", %{instance_name: @instance_name}) |> raw %></li> <%= pgettext(
<li><%= pgettext("terms", "You must respect other people and <b>%{instance_name}</b>'s rules when using the service", %{instance_name: @instance_name}) |> raw %></li> "terms",
<li><%= pgettext("terms", "The service is provided without warranties and these terms may change in the future") %></li> "<b>%{instance_name}</b> will not use or transmit or resell your personal data",
%{instance_name: @instance_name}
)
|> raw %>
</li>
<li>
<%= pgettext("terms", "You must respect the law when using <b>%{instance_name}</b>", %{
instance_name: @instance_name
})
|> raw %>
</li>
<li>
<%= pgettext(
"terms",
"You must respect other people and <b>%{instance_name}</b>'s rules when using the service",
%{instance_name: @instance_name}
)
|> raw %>
</li>
<li>
<%= pgettext(
"terms",
"The service is provided without warranties and these terms may change in the future"
) %>
</li>
</ul> </ul>
</div> </div>
</article> </article>
<article class="message"> <article class="message">
<p class="message-body"> <p class="message-body">
<%= pgettext("terms", "Some terms, technical or otherwise, used in the text below may cover concepts that are difficult to grasp. We have provided <a href=\"/glossary\">a glossary</a> to help you understand them better.") |> raw %> <%= pgettext(
"terms",
"Some terms, technical or otherwise, used in the text below may cover concepts that are difficult to grasp. We have provided <a href=\"/glossary\">a glossary</a> to help you understand them better."
)
|> raw %>
</p> </p>
</article> </article>
<p><%= pgettext("terms", "Here are the important things you need to know about accessing and using the <b>%{instance_name}</b> (<a href=\"https://%{instance_url}\">%{instance_url}</a>) website and service (collectively, \"Service\"). These are our terms of service (\"Terms\"). Please read them carefully.", %{instance_name: @instance_name, instance_url: @instance_url}) |> raw %></p>
<p> <p>
<%= pgettext("terms", "When we say “we”, “our”, or “us” in this document, we are referring to the owners, operators and administrators of this Mobilizon instance. The Mobilizon software is provided by the team of Mobilizon contributors, supported by <a href=\"https://framasoft.org\">Framasoft</a>, a French not-for-profit organization advocating for Free/Libre Software. Unless explicitly stated, this Mobilizon instance is an independent service using Mobilizon's source code. You may find more information about this instance on the <a href=\"/about/instance\">\"About this instance\"</a> page.") |> raw %> <%= pgettext(
"terms",
"Here are the important things you need to know about accessing and using the <b>%{instance_name}</b> (<a href=\"https://%{instance_url}\">%{instance_url}</a>) website and service (collectively, \"Service\"). These are our terms of service (\"Terms\"). Please read them carefully.",
%{instance_name: @instance_name, instance_url: @instance_url}
)
|> raw %>
</p>
<p>
<%= pgettext(
"terms",
"When we say “we”, “our”, or “us” in this document, we are referring to the owners, operators and administrators of this Mobilizon instance. The Mobilizon software is provided by the team of Mobilizon contributors, supported by <a href=\"https://framasoft.org\">Framasoft</a>, a French not-for-profit organization advocating for Free/Libre Software. Unless explicitly stated, this Mobilizon instance is an independent service using Mobilizon's source code. You may find more information about this instance on the <a href=\"/about/instance\">\"About this instance\"</a> page."
)
|> raw %>
</p> </p>
<!-- Accept --> <!-- Accept -->
<h3><%= pgettext("terms", "Accepting these Terms") %></h3> <h3><%= pgettext("terms", "Accepting these Terms") %></h3>
<p><%= pgettext("terms", "By accessing or using the Service, this means you agree to be bound by all the terms below. If these terms are in any way unclear, please let us know by contacting %{contact}.", %{contact: @instance_contact}) |> raw %></p> <p>
<%= pgettext(
"terms",
"By accessing or using the Service, this means you agree to be bound by all the terms below. If these terms are in any way unclear, please let us know by contacting %{contact}.",
%{contact: @instance_contact}
)
|> raw %>
</p>
<!-- Changes --> <!-- Changes -->
<h3> <h3>
<%= pgettext("terms", "Changes to these Terms") %> <%= pgettext("terms", "Changes to these Terms") %>
</h3> </h3>
<p> <p>
<%= pgettext("terms", "We reserve the right to modify these Terms at any time. For instance, we may need to change these Terms if we come out with a new feature.") %> <%= pgettext(
"terms",
"We reserve the right to modify these Terms at any time. For instance, we may need to change these Terms if we come out with a new feature."
) %>
</p> </p>
<p> <p>
<%= pgettext("terms", "If we make major changes, we will notify our users in a clear and prominent manner. Minor changes may only be highlighted in the footer of our website. It is your responsibility to check the website regularly for changes to these Terms.") %> <%= pgettext(
"terms",
"If we make major changes, we will notify our users in a clear and prominent manner. Minor changes may only be highlighted in the footer of our website. It is your responsibility to check the website regularly for changes to these Terms."
) %>
</p> </p>
<p> <p>
<%= pgettext("terms", "If you continue to use the Service after the revised Terms go into effect, you accept the revised Terms.") %> <%= pgettext(
"terms",
"If you continue to use the Service after the revised Terms go into effect, you accept the revised Terms."
) %>
</p> </p>
<!-- Privacy policy --> <!-- Privacy policy -->
<h3><%= pgettext("terms", "Privacy Policy") %></h3> <h3><%= pgettext("terms", "Privacy Policy") %></h3>
<p><%= pgettext("terms", "For information about how we collect and use information about users of the Service, please check our <a href=\"/privacy\">privacy policy</a>.") |> raw %></p> <p>
<%= pgettext(
"terms",
"For information about how we collect and use information about users of the Service, please check our <a href=\"/privacy\">privacy policy</a>."
)
|> raw %>
</p>
<!-- Account security --> <!-- Account security -->
<h3><%= pgettext("terms", "Creating Accounts") %></h3> <h3><%= pgettext("terms", "Creating Accounts") %></h3>
<p><%= pgettext("terms", "When you create an account you agree to maintain the security and confidentiality of your password and accept all risks of unauthorized access to your account data and any other information you provide to <b>%{instance_name}</b>.", %{instance_name: @instance_name}) |> raw %></p> <p>
<p><%= pgettext("terms", "If you discover or suspect any Service security breaches, please let us know as soon as possible. For security holes in the Mobilizon software itself, please contact <a href=\"https://framagit.org/framasoft/mobilizon/\">its contributors</a> directly.") |> raw %></p> <%= pgettext(
<p><%= pgettext("terms", "We are not liable for any loss you may incur as a result of someone else using your email or password, either with or without your knowledge.") %></p> "terms",
"When you create an account you agree to maintain the security and confidentiality of your password and accept all risks of unauthorized access to your account data and any other information you provide to <b>%{instance_name}</b>.",
%{instance_name: @instance_name}
)
|> raw %>
</p>
<p>
<%= pgettext(
"terms",
"If you discover or suspect any Service security breaches, please let us know as soon as possible. For security holes in the Mobilizon software itself, please contact <a href=\"https://framagit.org/framasoft/mobilizon/\">its contributors</a> directly."
)
|> raw %>
</p>
<p>
<%= pgettext(
"terms",
"We are not liable for any loss you may incur as a result of someone else using your email or password, either with or without your knowledge."
) %>
</p>
<!-- Your content --> <!-- Your content -->
<h3><%= pgettext("terms", "Your Content & Conduct") %></h3> <h3><%= pgettext("terms", "Your Content & Conduct") %></h3>
<p><%= pgettext("terms", "Our Service allows you and other users to post, link and otherwise make available content. You are responsible for the content that you make available to the Service, including its legality, reliability, and appropriateness.") %></p> <p>
<p><%= pgettext("terms", "When you post, link or otherwise make available content to the Service, you grant us the right and license to display and distribute your content on or through the Service (including via applications). We may format your content for display throughout the Service, but we will not edit or revise the substance of your content itself. The displaying and distribution of your content happens only according to the visibility rules you have set for the content. We will not modify the visibility of the content you have set.") %></p> <%= pgettext(
<p><%= pgettext("terms", "We cannot be held responsible should a programming or administrative error make your content visible to a larger audience than intended. Aside from our limited right to your content, you retain all of your rights to the content you post, link and otherwise make available on or through the Service.") %></p> "terms",
<p><%= pgettext("terms", "You can remove the content that you posted by deleting it. Once you delete your content, it will not appear on the Service, but copies of your deleted content may remain in our system or backups for some period of time. Web server access logs might also be stored for some time in the system.") %></p> "Our Service allows you and other users to post, link and otherwise make available content. You are responsible for the content that you make available to the Service, including its legality, reliability, and appropriateness."
<p><%= pgettext("terms", "Since Mobilizon is a distributed network, it is possible, depending on the visibility rules set to your content, that your content has been distributed to other Mobilizon instances. When you delete your content, we will request those other instances to also delete the content. Our responsibility on the content being deleted from those other instances ends here. If for some reason, some other instance does not delete the content, we cannot be held responsible.") %></p> ) %>
<p><%= pgettext("terms", "In order to make <b>%{instance_name}</b> a great place for all of us, please do not post, link and otherwise make available on or through the Service any of the following:", %{instance_name: @instance_name}) |> raw %></p> </p>
<p>
<%= pgettext(
"terms",
"When you post, link or otherwise make available content to the Service, you grant us the right and license to display and distribute your content on or through the Service (including via applications). We may format your content for display throughout the Service, but we will not edit or revise the substance of your content itself. The displaying and distribution of your content happens only according to the visibility rules you have set for the content. We will not modify the visibility of the content you have set."
) %>
</p>
<p>
<%= pgettext(
"terms",
"We cannot be held responsible should a programming or administrative error make your content visible to a larger audience than intended. Aside from our limited right to your content, you retain all of your rights to the content you post, link and otherwise make available on or through the Service."
) %>
</p>
<p>
<%= pgettext(
"terms",
"You can remove the content that you posted by deleting it. Once you delete your content, it will not appear on the Service, but copies of your deleted content may remain in our system or backups for some period of time. Web server access logs might also be stored for some time in the system."
) %>
</p>
<p>
<%= pgettext(
"terms",
"Since Mobilizon is a distributed network, it is possible, depending on the visibility rules set to your content, that your content has been distributed to other Mobilizon instances. When you delete your content, we will request those other instances to also delete the content. Our responsibility on the content being deleted from those other instances ends here. If for some reason, some other instance does not delete the content, we cannot be held responsible."
) %>
</p>
<p>
<%= pgettext(
"terms",
"In order to make <b>%{instance_name}</b> a great place for all of us, please do not post, link and otherwise make available on or through the Service any of the following:",
%{instance_name: @instance_name}
)
|> raw %>
</p>
<ul> <ul>
<li><%= pgettext("terms", "Content that is illegal or unlawful, that would otherwise create liability;") %></li> <li>
<li><%= pgettext("terms", "Content that may infringe or violate any patent, trademark, trade secret, copyright, right of privacy, right of publicity or other intellectual or other right of any party;") %></li> <%= pgettext(
<li><%= pgettext("terms", "Private information of any third party (e.g., addresses, phone numbers, email addresses, Social Security numbers and credit card numbers); and") %></li> "terms",
<li><%= pgettext("terms", "Viruses, corrupted data or other harmful, disruptive or destructive files or code.") %></li> "Content that is illegal or unlawful, that would otherwise create liability;"
</ul> ) %>
<p><%= pgettext("terms", "Also, you agree that you will not do any of the following in connection with the Service or other users:") %></p> </li>
<ul> <li>
<li><%= pgettext("terms", "Use the Service in any manner that could interfere with, disrupt, negatively affect or inhibit other users from fully enjoying the Service or that could damage, disable, overburden or impair the functioning of the Service;") %></li> <%= pgettext(
<li><%= pgettext("terms", "Impersonate or post on behalf of any person or entity or otherwise misrepresent your affiliation with a person or entity;") %></li> "terms",
<li><%= pgettext("terms", "Collect any personal information about other users, or intimidate, threaten, stalk or otherwise harass other users of the Service;") %></li> "Content that may infringe or violate any patent, trademark, trade secret, copyright, right of privacy, right of publicity or other intellectual or other right of any party;"
<li><%= pgettext("terms", "Circumvent or attempt to circumvent any filtering, security measures, rate limits or other features designed to protect the Service, users of the Service, or third parties.") %></li> ) %>
</li>
<li>
<%= pgettext(
"terms",
"Private information of any third party (e.g., addresses, phone numbers, email addresses, Social Security numbers and credit card numbers); and"
) %>
</li>
<li>
<%= pgettext(
"terms",
"Viruses, corrupted data or other harmful, disruptive or destructive files or code."
) %>
</li>
</ul> </ul>
<p> <p>
<%= pgettext("terms", "Finally, your use of the Service is also subject to acceptance of <a href=\"/rules\">the instance's own specific rules</a> regarding the code of conduct and moderation rules. Breaking those rules may also result in your account being disabled or suspended.") |> raw %> <%= pgettext(
"terms",
"Also, you agree that you will not do any of the following in connection with the Service or other users:"
) %>
</p>
<ul>
<li>
<%= pgettext(
"terms",
"Use the Service in any manner that could interfere with, disrupt, negatively affect or inhibit other users from fully enjoying the Service or that could damage, disable, overburden or impair the functioning of the Service;"
) %>
</li>
<li>
<%= pgettext(
"terms",
"Impersonate or post on behalf of any person or entity or otherwise misrepresent your affiliation with a person or entity;"
) %>
</li>
<li>
<%= pgettext(
"terms",
"Collect any personal information about other users, or intimidate, threaten, stalk or otherwise harass other users of the Service;"
) %>
</li>
<li>
<%= pgettext(
"terms",
"Circumvent or attempt to circumvent any filtering, security measures, rate limits or other features designed to protect the Service, users of the Service, or third parties."
) %>
</li>
</ul>
<p>
<%= pgettext(
"terms",
"Finally, your use of the Service is also subject to acceptance of <a href=\"/rules\">the instance's own specific rules</a> regarding the code of conduct and moderation rules. Breaking those rules may also result in your account being disabled or suspended."
)
|> raw %>
</p> </p>
<h3> <h3>
<%= pgettext("terms", "Our responsibility") %> <%= pgettext("terms", "Our responsibility") %>
</h3> </h3>
<p> <p>
<%= pgettext("terms", "Instance administrators (and community moderators, given the relevant access) are responsible for monitoring and acting on flagged content and other user reports, and have the right and responsibility to remove or edit content that is not aligned to this Instance set of rules, or to suspend, block or ban (temporarily or permanently) any account, community, or instance for breaking these terms, or for other behaviours that they deem inappropriate, threatening, offensive, or harmful.") %> <%= pgettext(
"terms",
"Instance administrators (and community moderators, given the relevant access) are responsible for monitoring and acting on flagged content and other user reports, and have the right and responsibility to remove or edit content that is not aligned to this Instance set of rules, or to suspend, block or ban (temporarily or permanently) any account, community, or instance for breaking these terms, or for other behaviours that they deem inappropriate, threatening, offensive, or harmful."
) %>
</p> </p>
<p> <p>
<%= pgettext("terms", "Instance administrators should ensure that every community hosted on the instance is properly moderated according to the defined rules.") %> <%= pgettext(
"terms",
"Instance administrators should ensure that every community hosted on the instance is properly moderated according to the defined rules."
) %>
</p> </p>
<h3><%= pgettext("terms", "Source code") %></h3> <h3><%= pgettext("terms", "Source code") %></h3>
<p><%= pgettext("terms", "This Service runs on a Mobilizon instance. This source code is licensed under an <a href=\"https://tldrlegal.com/license/gnu-affero-general-public-license-v3-(agpl-3.0)\">AGPLv3 license</a> which means you are allowed to and even encouraged to take the source code, modify it and use it.") |> raw %></p> <p>
<p><%= pgettext("terms", "For full details about the Mobilizon software <a href=\"https://joinmobilizon.org\">see here</a>.") |> raw %></p> <%= pgettext(
"terms",
"This Service runs on a Mobilizon instance. This source code is licensed under an <a href=\"https://tldrlegal.com/license/gnu-affero-general-public-license-v3-(agpl-3.0)\">AGPLv3 license</a> which means you are allowed to and even encouraged to take the source code, modify it and use it."
)
|> raw %>
</p>
<p>
<%= pgettext(
"terms",
"For full details about the Mobilizon software <a href=\"https://joinmobilizon.org\">see here</a>."
)
|> raw %>
</p>
<!-- Links --> <!-- Links -->
<h3><%= pgettext("terms", "Hyperlinks and Third Party Content") %></h3> <h3><%= pgettext("terms", "Hyperlinks and Third Party Content") %></h3>
<p><%= pgettext("terms", "<b>%{instance_name}</b> makes no claim or representation regarding, and accepts no responsibility for third party websites accessible by hyperlink from the Service or websites linking to the Service. When you leave the Service, you should be aware that these Terms and our policies no longer govern. The inclusion of any link does not imply endorsement by <b>%{instance_name}</b> of the site. Use of any such linked website is at the user's own risk.", %{instance_name: @instance_name}) |> raw %></p> <p>
<p><%= pgettext("terms", "A lot of the content on the Service is from you and others, and we don't review, verify or authenticate it, and it may include inaccuracies or false information. We make no representations, warranties, or guarantees relating to the quality, suitability, truth, accuracy or completeness of any content contained in the Service. You acknowledge sole responsibility for and assume all risk arising from your use of or reliance on any content.") %></p> <%= pgettext(
"terms",
"<b>%{instance_name}</b> makes no claim or representation regarding, and accepts no responsibility for third party websites accessible by hyperlink from the Service or websites linking to the Service. When you leave the Service, you should be aware that these Terms and our policies no longer govern. The inclusion of any link does not imply endorsement by <b>%{instance_name}</b> of the site. Use of any such linked website is at the user's own risk.",
%{instance_name: @instance_name}
)
|> raw %>
</p>
<p>
<%= pgettext(
"terms",
"A lot of the content on the Service is from you and others, and we don't review, verify or authenticate it, and it may include inaccuracies or false information. We make no representations, warranties, or guarantees relating to the quality, suitability, truth, accuracy or completeness of any content contained in the Service. You acknowledge sole responsibility for and assume all risk arising from your use of or reliance on any content."
) %>
</p>
<!-- Termination --> <!-- Termination -->
<h3><%= pgettext("terms", "Termination") %></h3> <h3><%= pgettext("terms", "Termination") %></h3>
<p><%= pgettext("terms", "If you breach any of these Terms, we have the right to suspend or disable your access to or use of the Service.") %></p> <p>
<%= pgettext(
"terms",
"If you breach any of these Terms, we have the right to suspend or disable your access to or use of the Service."
) %>
</p>
<h3><%= pgettext("terms", "Entire Agreement") %></h3> <h3><%= pgettext("terms", "Entire Agreement") %></h3>
<p><%= pgettext("terms", "These Terms constitute the entire agreement between you and <b>%{instance_name}</b> regarding the use of the Service, superseding any prior agreements between you and <b>%{instance_name}</b> relating to your use of the Service.", %{instance_name: @instance_name}) |> raw %></p> <p>
<%= pgettext(
"terms",
"These Terms constitute the entire agreement between you and <b>%{instance_name}</b> regarding the use of the Service, superseding any prior agreements between you and <b>%{instance_name}</b> relating to your use of the Service.",
%{instance_name: @instance_name}
)
|> raw %>
</p>
<!-- Feedback --> <!-- Feedback -->
<h3><%= pgettext("terms", "Feedback") %></h3> <h3><%= pgettext("terms", "Feedback") %></h3>
<p><%= pgettext("terms", "We love feedback. Please let us know what you think of the Service, these Terms and, in general, <b>%{instance_name}</b>.", %{instance_name: @instance_name}) |> raw %></p> <p>
<%= pgettext(
"terms",
"We love feedback. Please let us know what you think of the Service, these Terms and, in general, <b>%{instance_name}</b>.",
%{instance_name: @instance_name}
)
|> raw %>
</p>
<!-- Questions --> <!-- Questions -->
<h3><%= pgettext("terms", "Questions & Contact Information") %></h3> <h3><%= pgettext("terms", "Questions & Contact Information") %></h3>
<p><%= pgettext("terms", "Questions or comments about the Service may be directed to us at %{contact}", %{contact: @instance_contact}) |> raw %></p> <p>
<p><%= pgettext("terms", "This document is licensed under <a href=\"https://creativecommons.org/licenses/by-sa/4.0/\">CC BY-SA</a>. It was last updated June 22, 2020.") |> raw %></p> <%= pgettext(
<p><%= pgettext("terms", "Originally adapted from the <a href=\"https://joindiaspora.com/terms\">Diaspora*</a> and <a href=\"https://github.com/appdotnet/terms-of-service\">App.net</a> privacy policies, also licensed under <a href=\"https://creativecommons.org/licenses/by-sa/4.0/\">CC BY-SA</a>.") |> raw %></p> "terms",
"Questions or comments about the Service may be directed to us at %{contact}",
%{contact: @instance_contact}
)
|> raw %>
</p>
<p>
<%= pgettext(
"terms",
"This document is licensed under <a href=\"https://creativecommons.org/licenses/by-sa/4.0/\">CC BY-SA</a>. It was last updated June 22, 2020."
)
|> raw %>
</p>
<p>
<%= pgettext(
"terms",
"Originally adapted from the <a href=\"https://joindiaspora.com/terms\">Diaspora*</a> and <a href=\"https://github.com/appdotnet/terms-of-service\">App.net</a> privacy policies, also licensed under <a href=\"https://creativecommons.org/licenses/by-sa/4.0/\">CC BY-SA</a>."
)
|> raw %>
</p>

61
lib/web/templates/email/activity/_comment_activity_item.html.heex
View file

@ -1,65 +1,48 @@
<%= case @activity.subject do %> <%= case @activity.subject do %>
<% :event_comment_mention -> %> <% :event_comment_mention -> %>
<%= <%= dgettext("activity", "%{profile} mentionned you in a comment under event %{event}.", %{
dgettext("activity", "%{profile} mentionned you in a comment under event %{event}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
event: "<a href=\"#{ event: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:event, :event,
@activity.subject_params["event_uuid"] @activity.subject_params["event_uuid"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["event_title"]} #{@activity.subject_params["event_title"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% :participation_event_comment -> %> <% :participation_event_comment -> %>
<%= <%= dgettext("activity", "%{profile} has posted an announcement under event %{event}.", %{
dgettext("activity", "%{profile} has posted an announcement under event %{event}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
event: "<a href=\"#{ event: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:event, :event,
@activity.subject_params["event_uuid"] @activity.subject_params["event_uuid"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["event_title"]} #{@activity.subject_params["event_title"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% :event_new_comment -> %> <% :event_new_comment -> %>
<%= if @activity.subject_params["comment_reply_to"] do %> <%= if @activity.subject_params["comment_reply_to"] do %>
<%= <%= dgettext("activity", "%{profile} has posted a new reply under your event %{event}.", %{
dgettext("activity", "%{profile} has posted a new reply under your event %{event}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
event: "<a href=\"#{ event: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:event, :event,
@activity.subject_params["event_uuid"] @activity.subject_params["event_uuid"]) |> URI.decode()}#comment-#{@activity.subject_params["comment_reply_to_uuid"]}-#{@activity.subject_params["comment_uuid"]}\">
) |> URI.decode()}#comment-#{@activity.subject_params["comment_reply_to_uuid"]}-#{@activity.subject_params["comment_uuid"]}\">
#{@activity.subject_params["event_title"]} #{@activity.subject_params["event_title"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% else %> <% else %>
<%= <%= dgettext(
dgettext("activity", "%{profile} has posted a new comment under your event %{event}.", "activity",
"%{profile} has posted a new comment under your event %{event}.",
%{ %{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
event: "<a href=\"#{ event: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:event, :event,
@activity.subject_params["event_uuid"] @activity.subject_params["event_uuid"]) |> URI.decode()}#comment-#{@activity.subject_params["comment_uuid"]}\">
) |> URI.decode()}#comment-#{@activity.subject_params["comment_uuid"]}\">
#{@activity.subject_params["event_title"]} #{@activity.subject_params["event_title"]}
</a>" </a>"
} }
) |> raw %> )
|> raw %>
<% end %> <% end %>
<% end %> <% end %>

72
lib/web/templates/email/activity/_discussion_activity_item.html.heex
View file

@ -1,66 +1,40 @@
<%= case @activity.subject do %> <%= case @activity.subject do %>
<% :discussion_created -> %> <% :discussion_created -> %>
<%= <%= dgettext("activity", "%{profile} created the discussion %{discussion}.", %{
dgettext("activity", "%{profile} created the discussion %{discussion}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
discussion: "<a href=\"#{ discussion:
Routes.page_url( "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint, :discussion, Mobilizon.Actors.Actor.preferred_username_and_domain(@activity.group), @activity.subject_params["discussion_slug"]) |> URI.decode()}\">
Mobilizon.Web.Endpoint,
:discussion,
Mobilizon.Actors.Actor.preferred_username_and_domain(@activity.group), @activity.subject_params["discussion_slug"]
) |> URI.decode()}\">
#{@activity.subject_params["discussion_title"]}</a>" #{@activity.subject_params["discussion_title"]}</a>"
} })
) |> raw %> |> raw %>
<% :discussion_replied -> %> <% :discussion_replied -> %>
<%= <%= dgettext("activity", "%{profile} replied to the discussion %{discussion}.", %{
dgettext("activity", "%{profile} replied to the discussion %{discussion}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
discussion: "<a href=\"#{ discussion:
Routes.page_url( "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint, :discussion, Mobilizon.Actors.Actor.preferred_username_and_domain(@activity.group), @activity.subject_params["discussion_slug"]) |> URI.decode()}\">
Mobilizon.Web.Endpoint,
:discussion,
Mobilizon.Actors.Actor.preferred_username_and_domain(@activity.group), @activity.subject_params["discussion_slug"]
) |> URI.decode()}\">
#{@activity.subject_params["discussion_title"]}</a>" #{@activity.subject_params["discussion_title"]}</a>"
} })
) |> raw %> |> raw %>
<% :discussion_renamed -> %> <% :discussion_renamed -> %>
<%= <%= dgettext("activity", "%{profile} renamed the discussion %{discussion}.", %{
dgettext("activity", "%{profile} renamed the discussion %{discussion}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
discussion: "<a href=\"#{ discussion:
Routes.page_url( "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint, :discussion, Mobilizon.Actors.Actor.preferred_username_and_domain(@activity.group), @activity.subject_params["discussion_slug"]) |> URI.decode()}\">
Mobilizon.Web.Endpoint,
:discussion,
Mobilizon.Actors.Actor.preferred_username_and_domain(@activity.group), @activity.subject_params["discussion_slug"]
) |> URI.decode()}\">
#{@activity.subject_params["discussion_title"]}</a>" #{@activity.subject_params["discussion_title"]}</a>"
} })
) |> raw %> |> raw %>
<% :discussion_archived -> %> <% :discussion_archived -> %>
<%= <%= dgettext("activity", "%{profile} archived the discussion %{discussion}.", %{
dgettext("activity", "%{profile} archived the discussion %{discussion}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
discussion: "<a href=\"#{ discussion:
Routes.page_url( "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint, :discussion, Mobilizon.Actors.Actor.preferred_username_and_domain(@activity.group), @activity.subject_params["discussion_slug"]) |> URI.decode()}\">
Mobilizon.Web.Endpoint,
:discussion,
Mobilizon.Actors.Actor.preferred_username_and_domain(@activity.group), @activity.subject_params["discussion_slug"]
) |> URI.decode()}\">
#{@activity.subject_params["discussion_title"]}</a>" #{@activity.subject_params["discussion_title"]}</a>"
} })
) |> raw %> |> raw %>
<% :discussion_deleted -> %> <% :discussion_deleted -> %>
<%= <%= dgettext("activity", "%{profile} deleted the discussion %{discussion}.", %{
dgettext("activity", "%{profile} deleted the discussion %{discussion}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
discussion: "<b>#{@activity.subject_params["discussion_title"]}</b>" discussion: "<b>#{@activity.subject_params["discussion_title"]}</b>"
} })
) |> raw %> |> raw %>
<% end %> <% end %>

68
lib/web/templates/email/activity/_event_activity_item.html.heex
View file

@ -1,72 +1,50 @@
<%= case @activity.subject do %> <%= case @activity.subject do %>
<% :event_created -> %> <% :event_created -> %>
<%= <%= dgettext("activity", "The event %{event} was created by %{profile}.", %{
dgettext("activity", "The event %{event} was created by %{profile}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
event: "<a href=\"#{ event: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:event, :event,
@activity.subject_params["event_uuid"] @activity.subject_params["event_uuid"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["event_title"]} #{@activity.subject_params["event_title"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% :event_updated -> %> <% :event_updated -> %>
<%= <%= dgettext("activity", "The event %{event} was updated by %{profile}.", %{
dgettext("activity", "The event %{event} was updated by %{profile}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
event: "<a href=\"#{ event: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:event, :event,
@activity.subject_params["event_uuid"] @activity.subject_params["event_uuid"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["event_title"]} #{@activity.subject_params["event_title"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% :event_deleted -> %> <% :event_deleted -> %>
<%= <%= dgettext("activity", "The event %{event} was deleted by %{profile}.", %{
dgettext("activity", "The event %{event} was deleted by %{profile}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
event: "<b>#{@activity.subject_params["event_title"]}</b>" event: "<b>#{@activity.subject_params["event_title"]}</b>"
} })
) |> raw %> |> raw %>
<% :comment_posted -> %> <% :comment_posted -> %>
<%= if @activity.subject_params["comment_reply_to"] do %> <%= if @activity.subject_params["comment_reply_to"] do %>
<%= <%= dgettext("activity", "%{profile} replied to a comment on the event %{event}.", %{
dgettext("activity", "%{profile} replied to a comment on the event %{event}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
event: "<a href=\"#{ event: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:event, :event,
@activity.subject_params["event_uuid"] @activity.subject_params["event_uuid"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["event_title"]} #{@activity.subject_params["event_title"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% else %> <% else %>
<%= <%= dgettext("activity", "%{profile} posted a comment on the event %{event}.", %{
dgettext("activity", "%{profile} posted a comment on the event %{event}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
event: "<a href=\"#{ event: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:event, :event,
@activity.subject_params["event_uuid"] @activity.subject_params["event_uuid"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["event_title"]} #{@activity.subject_params["event_title"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% end %> <% end %>
<% end %> <% end %>

30
lib/web/templates/email/activity/_group_activity_item.html.heex
View file

@ -1,32 +1,22 @@
<%= case @activity.subject do %> <%= case @activity.subject do %>
<% :group_created -> %> <% :group_created -> %>
<%= <%= dgettext("activity", "%{profile} created the group %{group}.", %{
dgettext("activity", "%{profile} created the group %{group}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
group: "<a href=\"#{ group: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:actor, :actor,
@activity.subject_params["group_federated_username"] @activity.subject_params["group_federated_username"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["group_name"]} #{@activity.subject_params["group_name"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% :group_updated -> %> <% :group_updated -> %>
<%= <%= dgettext("activity", "%{profile} updated the group %{group}.", %{
dgettext("activity", "%{profile} updated the group %{group}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
group: "<a href=\"#{ group: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:actor, :actor,
@activity.subject_params["group_federated_username"] @activity.subject_params["group_federated_username"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["group_name"]} #{@activity.subject_params["group_name"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% end %> <% end %>

91
lib/web/templates/email/activity/_member_activity_item.html.heex
View file

@ -1,69 +1,52 @@
<%= case @activity.subject do %> <%= case @activity.subject do %>
<% :member_request -> %> <% :member_request -> %>
<%= <%= dgettext("activity", "%{member} requested to join the group.", %{
dgettext("activity", "%{member} requested to join the group.", member: "<b>#{@activity.subject_params["member_actor_name"]}</b>"
%{ })
member: "<b>#{@activity.subject_params["member_actor_name"]}</b>", |> raw %>
}
) |> raw %>
<% :member_invited -> %> <% :member_invited -> %>
<%= <%= dgettext("activity", "%{member} was invited by %{profile}.", %{
dgettext("activity", "%{member} was invited by %{profile}.",
%{
member: "<b>#{@activity.subject_params["member_actor_name"]}</b>", member: "<b>#{@activity.subject_params["member_actor_name"]}</b>",
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>"
} })
) |> raw %> |> raw %>
<% :member_accepted_invitation -> %> <% :member_accepted_invitation -> %>
<%= <%= dgettext("activity", "%{member} accepted the invitation to join the group.", %{
dgettext("activity", "%{member} accepted the invitation to join the group.", member: "<b>#{@activity.subject_params["member_actor_name"]}</b>"
%{ })
member: "<b>#{@activity.subject_params["member_actor_name"]}</b>", |> raw %>
}
) |> raw %>
<% :member_rejected_invitation -> %> <% :member_rejected_invitation -> %>
<%= <%= dgettext("activity", "%{member} rejected the invitation to join the group.", %{
dgettext("activity", "%{member} rejected the invitation to join the group.", member: "<b>#{@activity.subject_params["member_actor_name"]}</b>"
%{ })
member: "<b>#{@activity.subject_params["member_actor_name"]}</b>", |> raw %>
}
) |> raw %>
<% :member_joined -> %> <% :member_joined -> %>
<%= <%= dgettext("activity", "%{member} joined the group.", %{
dgettext("activity", "%{member} joined the group.", member:
%{ "<b title=\"#{@activity.subject_params["member_actor_federated_username"]}\">#{@activity.subject_params["member_actor_name"]}</b>"
member: "<b title=\"#{@activity.subject_params["member_actor_federated_username"]}\">#{@activity.subject_params["member_actor_name"]}</b>", })
} |> raw %>
) |> raw %>
<% :member_added -> %> <% :member_added -> %>
<%= <%= dgettext("activity", "%{profile} added the member %{member}.", %{
dgettext("activity", "%{profile} added the member %{member}.",
%{
member: "<b>#{@activity.subject_params["member_actor_name"]}</b>", member: "<b>#{@activity.subject_params["member_actor_name"]}</b>",
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>"
} })
) |> raw %> |> raw %>
<% :member_updated -> %> <% :member_updated -> %>
<%= <%= dgettext("activity", "%{profile} updated the member %{member}.", %{
dgettext("activity", "%{profile} updated the member %{member}.",
%{
member: "<b>#{@activity.subject_params["member_actor_name"]}</b>", member: "<b>#{@activity.subject_params["member_actor_name"]}</b>",
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>"
} })
) |> raw %> |> raw %>
<% :member_removed -> %> <% :member_removed -> %>
<%= <%= dgettext("activity", "%{profile} excluded member %{member}.", %{
dgettext("activity", "%{profile} excluded member %{member}.",
%{
member: "<b>#{@activity.subject_params["member_actor_name"]}</b>", member: "<b>#{@activity.subject_params["member_actor_name"]}</b>",
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>"
} })
) |> raw %> |> raw %>
<% :member_quit -> %> <% :member_quit -> %>
<%= <%= dgettext("activity", "%{profile} quit the group.", %{
dgettext("activity", "%{profile} quit the group.", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>"
%{ })
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", |> raw %>
}
) |> raw %>
<% end %> <% end %>

38
lib/web/templates/email/activity/_post_activity_item.html.heex
View file

@ -1,40 +1,28 @@
<%= case @activity.subject do %> <%= case @activity.subject do %>
<% :post_created -> %> <% :post_created -> %>
<%= <%= dgettext("activity", "The post %{post} was created by %{profile}.", %{
dgettext("activity", "The post %{post} was created by %{profile}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
post: "<a href=\"#{ post: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:post, :post,
@activity.subject_params["post_slug"] @activity.subject_params["post_slug"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["post_title"]} #{@activity.subject_params["post_title"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% :post_updated -> %> <% :post_updated -> %>
<%= <%= dgettext("activity", "The post %{post} was updated by %{profile}.", %{
dgettext("activity", "The post %{post} was updated by %{profile}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
post: "<a href=\"#{ post: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:post, :post,
@activity.subject_params["post_slug"] @activity.subject_params["post_slug"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["post_title"]} #{@activity.subject_params["post_title"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% :post_deleted -> %> <% :post_deleted -> %>
<%= <%= dgettext("activity", "The post %{post} was deleted by %{profile}.", %{
dgettext("activity", "The post %{post} was deleted by %{profile}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
post: "<b>#{@activity.subject_params["post_title"]}</b>" post: "<b>#{@activity.subject_params["post_title"]}</b>"
} })
) |> raw %> |> raw %>
<% end %> <% end %>

106
lib/web/templates/email/activity/_resource_activity_item.html.heex
View file

@ -1,118 +1,92 @@
<%= case @activity.subject do %> <%= case @activity.subject do %>
<% :resource_created -> %> <% :resource_created -> %>
<%= if @activity.subject_params["is_folder"] do %> <%= if @activity.subject_params["is_folder"] do %>
<%= <%= dgettext("activity", "%{profile} created the folder %{resource}.", %{
dgettext("activity", "%{profile} created the folder %{resource}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
resource: "<a href=\"#{ resource: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:resource, :resource,
@activity.subject_params["resource_uuid"] @activity.subject_params["resource_uuid"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["resource_title"]} #{@activity.subject_params["resource_title"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% else %> <% else %>
<%= <%= dgettext("activity", "%{profile} created the resource %{resource}.", %{
dgettext("activity", "%{profile} created the resource %{resource}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
resource: "<a href=\"#{ resource: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:resource, :resource,
@activity.subject_params["resource_uuid"] @activity.subject_params["resource_uuid"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["resource_title"]} #{@activity.subject_params["resource_title"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% end %> <% end %>
<% :resource_renamed -> %> <% :resource_renamed -> %>
<%= if @activity.subject_params["is_folder"] do %> <%= if @activity.subject_params["is_folder"] do %>
<%= <%= dgettext(
dgettext("activity", "%{profile} renamed the folder from %{old_resource_title} to %{resource}.", "activity",
"%{profile} renamed the folder from %{old_resource_title} to %{resource}.",
%{ %{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
resource: "<a href=\"#{ resource: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:resource, :resource,
@activity.subject_params["resource_uuid"] @activity.subject_params["resource_uuid"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["resource_title"]} #{@activity.subject_params["resource_title"]}
</a>", </a>",
old_resource_title: "<b>#{@activity.subject_params["old_resource_title"]}</b>" old_resource_title: "<b>#{@activity.subject_params["old_resource_title"]}</b>"
} }
) |> raw %> )
|> raw %>
<% else %> <% else %>
<%= <%= dgettext(
dgettext("activity", "%{profile} renamed the resource from %{old_resource_title} to %{resource}.", "activity",
"%{profile} renamed the resource from %{old_resource_title} to %{resource}.",
%{ %{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
resource: "<a href=\"#{ resource: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:resource, :resource,
@activity.subject_params["resource_uuid"] @activity.subject_params["resource_uuid"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["resource_title"]} #{@activity.subject_params["resource_title"]}
</a>", </a>",
old_resource_title: "<b>#{@activity.subject_params["old_resource_title"]}</b>" old_resource_title: "<b>#{@activity.subject_params["old_resource_title"]}</b>"
} }
) |> raw %> )
|> raw %>
<% end %> <% end %>
<% :resource_moved -> %> <% :resource_moved -> %>
<%= if @activity.subject_params["is_folder"] do %> <%= if @activity.subject_params["is_folder"] do %>
<%= <%= dgettext("activity", "%{profile} moved the folder %{resource}.", %{
dgettext("activity", "%{profile} moved the folder %{resource}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
resource: "<a href=\"#{ resource: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:resource, :resource,
@activity.subject_params["resource_uuid"] @activity.subject_params["resource_uuid"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["resource_title"]} #{@activity.subject_params["resource_title"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% else %> <% else %>
<%= <%= dgettext("activity", "%{profile} moved the resource %{resource}.", %{
dgettext("activity", "%{profile} moved the resource %{resource}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
resource: "<a href=\"#{ resource: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Routes.page_url(
Mobilizon.Web.Endpoint,
:resource, :resource,
@activity.subject_params["resource_uuid"] @activity.subject_params["resource_uuid"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["resource_title"]} #{@activity.subject_params["resource_title"]}
</a>" </a>"
} })
) |> raw %> |> raw %>
<% end %> <% end %>
<% :resource_deleted -> %> <% :resource_deleted -> %>
<%= if @activity.subject_params["is_folder"] do %> <%= if @activity.subject_params["is_folder"] do %>
<%= <%= dgettext("activity", "%{profile} deleted the folder %{resource}.", %{
dgettext("activity", "%{profile} deleted the folder %{resource}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
resource: "<b>#{@activity.subject_params["resource_title"]}</b>" resource: "<b>#{@activity.subject_params["resource_title"]}</b>"
} })
) |> raw %> |> raw %>
<% else %> <% else %>
<%= <%= dgettext("activity", "%{profile} deleted the resource %{resource}.", %{
dgettext("activity", "%{profile} deleted the resource %{resource}.",
%{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
resource: "<b>#{@activity.subject_params["resource_title"]}</b>" resource: "<b>#{@activity.subject_params["resource_title"]}</b>"
} })
) |> raw %> |> raw %>
<% end %> <% end %>
<% end %> <% end %>

29
lib/web/templates/email/actor_suspension_participants.html.heex
View file

@ -8,9 +8,17 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "Your participation to %{event} on %{instance} has been cancelled!", event: @event.title, instance: @instance_name %> <%= gettext("Your participation to %{event} on %{instance} has been cancelled!",
event: @event.title,
instance: @instance_name
) %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,9 +41,22 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext "Your instance's moderation team has decided to suspend %{actor_name} (%{actor_address}). All of their events have been removed and your participation to event %{event} cancelled.", actor_name: @actor.name || @actor.preferred_username, event: @event.title, actor_address: if @actor.domain, do: "@#{@actor.preferred_username}@#{@actor.domain}", else: "@#{@actor.preferred_username}" %> <%= gettext(
"Your instance's moderation team has decided to suspend %{actor_name} (%{actor_address}). All of their events have been removed and your participation to event %{event} cancelled.",
actor_name: @actor.name || @actor.preferred_username,
event: @event.title,
actor_address:
if(@actor.domain,
do: "@#{@actor.preferred_username}@#{@actor.domain}",
else: "@#{@actor.preferred_username}"
)
) %>
</p> </p>
</td> </td>
</tr> </tr>

6
lib/web/templates/email/admin/_role.html.heex
View file

@ -1,8 +1,8 @@
<%= case @role do %> <%= case @role do %>
<% :administrator -> %> <% :administrator -> %>
<b><%= gettext "Administrator" %></b> <b><%= gettext("Administrator") %></b>
<% :moderator -> %> <% :moderator -> %>
<b><%= gettext "Moderator" %></b> <b><%= gettext("Moderator") %></b>
<% :user -> %> <% :user -> %>
<b><%= gettext "User" %></b> <b><%= gettext("User") %></b>
<% end %> <% end %>

50
lib/web/templates/email/admin_user_confirmation.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "An administrator manually confirmed your account" %> <%= gettext("An administrator manually confirmed your account") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,14 +38,26 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("Hi there! We just wanted to inform you that an administrator from <b>%{instance}</b> just manually confirmed your account.", %{instance: @instance_name}) |> raw %> <%= gettext(
"Hi there! We just wanted to inform you that an administrator from <b>%{instance}</b> just manually confirmed your account.",
%{instance: @instance_name}
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("You may now login using your credentials on the service.") %> <%= gettext("You may now login using your credentials on the service.") %>
</p> </p>
@ -54,8 +71,12 @@
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<a href={"#{ "#{Mobilizon.Web.Endpoint.url()}/login" }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <a
<%= gettext "Login on %{instance}", %{instance: @instance_name} %> href={"#{"#{Mobilizon.Web.Endpoint.url()}/login"}"}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("Login on %{instance}", %{instance: @instance_name}) %>
</a> </a>
</td> </td>
</tr> </tr>
@ -66,9 +87,20 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext("If something doesn't feel right to you, please contact the instance administrator through the contact methods %{start_link}on the instance's about page%{end_link}.", %{start_link: "<a href=\"#{Mobilizon.Web.Endpoint.url()}/about/instance\">", end_link: "</a>"}) |> raw %> <%= gettext(
"If something doesn't feel right to you, please contact the instance administrator through the contact methods %{start_link}on the instance's about page%{end_link}.",
%{
start_link: "<a href=\"#{Mobilizon.Web.Endpoint.url()}/about/instance\">",
end_link: "</a>"
}
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>

36
lib/web/templates/email/admin_user_email_changed_new.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "An administrator manually changed the email attached to your account" %> <%= gettext("An administrator manually changed the email attached to your account") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,16 +38,35 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("Hi there! We just wanted to inform you that an administrator from <b>%{instance}</b> just manually changed your account email from <b>%{old_email}</b> to <b>%{new_email}</b> (this one).", %{instance: @instance_name, old_email: @old_email, new_email: @new_email}) |> raw %> <%= gettext(
"Hi there! We just wanted to inform you that an administrator from <b>%{instance}</b> just manually changed your account email from <b>%{old_email}</b> to <b>%{new_email}</b> (this one).",
%{instance: @instance_name, old_email: @old_email, new_email: @new_email}
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext("If something doesn't feel right to you, please contact the instance administrator through the contact methods %{start_link}on the instance's about page%{end_link}.", %{start_link: "<a href=\"#{Mobilizon.Web.Endpoint.url()}/about/instance\">", end_link: "</a>"}) |> raw %> <%= gettext(
"If something doesn't feel right to you, please contact the instance administrator through the contact methods %{start_link}on the instance's about page%{end_link}.",
%{
start_link: "<a href=\"#{Mobilizon.Web.Endpoint.url()}/about/instance\">",
end_link: "</a>"
}
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>

36
lib/web/templates/email/admin_user_email_changed_old.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "An administrator manually changed the email attached to your account" %> <%= gettext("An administrator manually changed the email attached to your account") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,16 +38,35 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("Hi there! We just wanted to inform you that an administrator from <b>%{instance}</b> just manually changed your account email from <b>%{old_email}</b> (this one) to <b>%{new_email}</b>.", %{instance: @instance_name, old_email: @old_email, new_email: @new_email}) |> raw %> <%= gettext(
"Hi there! We just wanted to inform you that an administrator from <b>%{instance}</b> just manually changed your account email from <b>%{old_email}</b> (this one) to <b>%{new_email}</b>.",
%{instance: @instance_name, old_email: @old_email, new_email: @new_email}
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext("If something doesn't feel right to you, please contact the instance administrator through the contact methods %{start_link}on the instance's about page%{end_link}.", %{start_link: "<a href=\"#{Mobilizon.Web.Endpoint.url()}/about/instance\">", end_link: "</a>"}) |> raw %> <%= gettext(
"If something doesn't feel right to you, please contact the instance administrator through the contact methods %{start_link}on the instance's about page%{end_link}.",
%{
start_link: "<a href=\"#{Mobilizon.Web.Endpoint.url()}/about/instance\">",
end_link: "</a>"
}
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>

46
lib/web/templates/email/admin_user_role_changed.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "An administrator changed your role" %> <%= gettext("An administrator changed your role") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,18 +38,30 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("Hi there! We just wanted to inform you that an administrator from <b>%{instance}</b> just changed your account role.", %{instance: @instance_name}) |> raw %> <%= gettext(
"Hi there! We just wanted to inform you that an administrator from <b>%{instance}</b> just changed your account role.",
%{instance: @instance_name}
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<table width="100%"> <table width="100%">
<tr> <tr>
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<%= gettext "Old role" %> <%= gettext("Old role") %>
</td> </td>
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<%= render("admin/_role.html", role: @old_role) %> <%= render("admin/_role.html", role: @old_role) %>
@ -52,7 +69,7 @@
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<%= gettext "New role" %> <%= gettext("New role") %>
</td> </td>
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<%= render("admin/_role.html", role: @new_role) %> <%= render("admin/_role.html", role: @new_role) %>
@ -62,9 +79,20 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext("If something doesn't feel right to you, please contact the instance administrator through the contact methods %{start_link}on the instance's about page%{end_link}.", %{start_link: "<a href=\"#{Mobilizon.Web.Endpoint.url()}/about/instance\">", end_link: "</a>"}) |> raw %> <%= gettext(
"If something doesn't feel right to you, please contact the instance administrator through the contact methods %{start_link}on the instance's about page%{end_link}.",
%{
start_link: "<a href=\"#{Mobilizon.Web.Endpoint.url()}/about/instance\">",
end_link: "</a>"
}
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>

55
lib/web/templates/email/anonymous_participation_confirmation.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "Confirm your e-mail" %> <%= gettext("Confirm your e-mail") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,9 +38,17 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("Hi there! You just registered to join this event: « <b>%{title}</b> ». Please confirm the e-mail address you provided:", title: @participant.event.title) |> raw %> <%= gettext(
"Hi there! You just registered to join this event: « <b>%{title}</b> ». Please confirm the e-mail address you provided:",
title: @participant.event.title
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
@ -47,9 +60,17 @@
<td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;"> <td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;">
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"><a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :participation_email_confirmation, @participant.metadata.confirmation_token) }"} target="_blank" style="font-size: 20px; font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<%= gettext "Confirm my e-mail address" %> <a
</a></td> href={
"#{Routes.page_url(Mobilizon.Web.Endpoint, :participation_email_confirmation, @participant.metadata.confirmation_token)}"
}
target="_blank"
style="font-size: 20px; font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("Confirm my e-mail address") %>
</a>
</td>
</tr> </tr>
</table> </table>
</td> </td>
@ -58,16 +79,28 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= ngettext "Would you wish to cancel your attendance, visit the event page through the link above and click the « Attending » button.", "Would you wish to cancel your attendance to one or several events, visit the event pages through the links above and click the « Attending » button.", 1 %> <%= ngettext(
"Would you wish to cancel your attendance, visit the event page through the link above and click the « Attending » button.",
"Would you wish to cancel your attendance to one or several events, visit the event pages through the links above and click the « Attending » button.",
1
) %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #757199; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #757199; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "If you didn't trigger this email, you may safely ignore it." %> <%= gettext("If you didn't trigger this email, you may safely ignore it.") %>
</p> </p>
</td> </td>
</tr> </tr>

41
lib/web/templates/email/before_event_notification.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "An event is upcoming!" %> <%= gettext("An event is upcoming!") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,9 +38,13 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext "Get ready for %{title}", title: @participant.event.title %> <%= gettext("Get ready for %{title}", title: @participant.event.title) %>
</p> </p>
</td> </td>
</tr> </tr>
@ -47,9 +56,17 @@
<td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;"> <td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;">
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"><a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :event, @participant.event.uuid) }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<%= gettext "Go to event page" %> <a
</a></td> href={
"#{Routes.page_url(Mobilizon.Web.Endpoint, :event, @participant.event.uuid)}"
}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("Go to event page") %>
</a>
</td>
</tr> </tr>
</table> </table>
</td> </td>
@ -58,9 +75,15 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "If you wish to cancel your attendance, visit the event page through the link above and click the « Attending » button." %> <%= gettext(
"If you wish to cancel your attendance, visit the event page through the link above and click the « Attending » button."
) %>
</p> </p>
</td> </td>
</tr> </tr>

17
lib/web/templates/email/date/event_tz_date.html.heex
View file

@ -1,8 +1,21 @@
<%= if @event.options.timezone == nil do %> <%= if @event.options.timezone == nil do %>
<%= @date |> datetime_tz_convert(@timezone) |> datetime_to_string(@locale, :short) %> <%= @date |> datetime_tz_convert(@timezone) |> datetime_to_string(@locale, :short) %>
<% else %> <% else %>
<strong><%= @date |> datetime_tz_convert(@event.options.timezone) |> datetime_to_string(@locale, :short) %></strong><br /> <strong>
<%= @date
|> datetime_tz_convert(@event.options.timezone)
|> datetime_to_string(@locale, :short) %>
</strong>
<br />
<%= if @event.options.timezone != @timezone do %> <%= if @event.options.timezone != @timezone do %>
<span style="font-size: 13px;"><%= gettext "🌐 %{timezone} %{offset}", timezone: @event.options.timezone, offset: @date |> datetime_tz_convert(@event.options.timezone) |> Cldr.DateTime.Formatter.zone_gmt() %></span> <span style="font-size: 13px;">
<%= gettext("🌐 %{timezone} %{offset}",
timezone: @event.options.timezone,
offset:
@date
|> datetime_tz_convert(@event.options.timezone)
|> Cldr.DateTime.Formatter.zone_gmt()
) %>
</span>
<% end %> <% end %>
<% end %> <% end %>

40
lib/web/templates/email/date/event_tz_date_range.html.heex
View file

@ -1,14 +1,42 @@
<%= cond do %> <%= cond do %>
<%= @end_date == nil -> %> <% @end_date == nil -> %>
<%= render("date/event_tz_date.html", date: @start_date, event: @event, timezone: @timezone, locale: @locale) %> <%= render("date/event_tz_date.html",
date: @start_date,
event: @event,
timezone: @timezone,
locale: @locale
) %>
<% is_same_day?(@start_date, @end_date) -> %> <% is_same_day?(@start_date, @end_date) -> %>
<strong><%= gettext "On %{date} from %{start_time} to %{end_time}", date: datetime_to_date_string(@start_date, @locale), start_time: datetime_to_time_string(@start_date, @locale), end_time: datetime_to_time_string(@end_date, @locale) %></strong><br /> <strong>
<%= gettext("On %{date} from %{start_time} to %{end_time}",
date: datetime_to_date_string(@start_date, @locale),
start_time: datetime_to_time_string(@start_date, @locale),
end_time: datetime_to_time_string(@end_date, @locale)
) %>
</strong>
<br />
<%= if @event.options.timezone != @timezone do %> <%= if @event.options.timezone != @timezone do %>
<span style="font-size: 13px;"><%= gettext "🌐 %{timezone} %{offset}", timezone: @event.options.timezone, offset: Cldr.DateTime.Formatter.zone_gmt(@start_date) %></span> <span style="font-size: 13px;">
<%= gettext("🌐 %{timezone} %{offset}",
timezone: @event.options.timezone,
offset: Cldr.DateTime.Formatter.zone_gmt(@start_date)
) %>
</span>
<% end %> <% end %>
<% true -> %> <% true -> %>
<strong><%= gettext "From the %{start} to the %{end}", start: datetime_to_string(@start_date, @locale, :short), end: datetime_to_string(@end_date, @locale, :short) %></strong><br /> <strong>
<%= gettext("From the %{start} to the %{end}",
start: datetime_to_string(@start_date, @locale, :short),
end: datetime_to_string(@end_date, @locale, :short)
) %>
</strong>
<br />
<%= if @event.options.timezone != @timezone do %> <%= if @event.options.timezone != @timezone do %>
<span style="font-size: 13px;"><%= gettext "🌐 %{timezone} %{offset}", timezone: @event.options.timezone, offset: Cldr.DateTime.Formatter.zone_gmt(@start_date) %></span> <span style="font-size: 13px;">
<%= gettext("🌐 %{timezone} %{offset}",
timezone: @event.options.timezone,
offset: Cldr.DateTime.Formatter.zone_gmt(@start_date)
) %>
</span>
<% end %> <% end %>
<% end %> <% end %>

73
lib/web/templates/email/email.html.heex
View file

@ -3,7 +3,7 @@
<head> <head>
<title><%= @subject %></title> <title><%= @subject %></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style type="text/css"> <style type="text/css">
/* CLIENT-SPECIFIC STYLES */ /* CLIENT-SPECIFIC STYLES */
@ -58,7 +58,14 @@
<tr> <tr>
<td align="center" valign="top" style="padding: 40px 10px 40px 10px;"> <td align="center" valign="top" style="padding: 40px 10px 40px 10px;">
<a href={"#{Mobilizon.Web.Endpoint.url()}"} target="_blank"> <a href={"#{Mobilizon.Web.Endpoint.url()}"} target="_blank">
<img alt={"#{ @instance_name }"} src={"#{ "#{Mobilizon.Web.Endpoint.url()}/img/mobilizon_logo.png" }"} width="340" height="108" style="display: block; width: 340px; max-width: 370px; min-width: 340px; font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #ffffff; font-size: 18px;" border="0"> <img
alt={"#{@instance_name}"}
src={"#{"#{Mobilizon.Web.Endpoint.url()}/img/mobilizon_logo.png"}"}
width="340"
height="108"
style="display: block; width: 340px; max-width: 370px; min-width: 340px; font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #ffffff; font-size: 18px;"
border="0"
/>
</a> </a>
</td> </td>
</tr> </tr>
@ -80,16 +87,30 @@
<tr> <tr>
<td align="center" valign="top" width="600"> <td align="center" valign="top" width="600">
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" > <table
border="0"
cellpadding="0"
cellspacing="0"
width="100%"
style="max-width: 600px;"
>
<!-- HEADLINE --> <!-- HEADLINE -->
<tr> <tr>
<td bgcolor="#FFD599" align="center" style="padding: 30px 30px 30px 30px; border-radius: 4px 4px 4px 4px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#FFD599"
align="center"
style="padding: 30px 30px 30px 30px; border-radius: 4px 4px 4px 4px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<h2 style="font-size: 25px; font-weight: 400; color: #D35204; margin: 0;"> <h2 style="font-size: 25px; font-weight: 400; color: #D35204; margin: 0;">
<%= gettext "Warning" %> <%= gettext("Warning") %>
</h2> </h2>
<br> <br />
<p style="margin: 0; color: #3A384C"><%= gettext "This is a demonstration site to test Mobilizon." %></p> <p style="margin: 0; color: #3A384C">
<p style="margin: 0; color: #3A384C;"><%= gettext("<b>Please do not use it for real purposes.</b>") |> raw() %></p> <%= gettext("This is a demonstration site to test Mobilizon.") %>
</p>
<p style="margin: 0; color: #3A384C;">
<%= gettext("<b>Please do not use it for real purposes.</b>") |> raw() %>
</p>
</td> </td>
</tr> </tr>
</table> </table>
@ -112,13 +133,23 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- HEADLINE --> <!-- HEADLINE -->
<tr> <tr>
<td bgcolor="#474467" align="center" style="padding: 30px 30px 30px 30px; border-radius: 4px 4px 4px 4px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#474467"
align="center"
style="padding: 30px 30px 30px 30px; border-radius: 4px 4px 4px 4px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<h2 style="font-size: 20px; font-weight: 400; color: #FFFFFF; margin: 0;"> <h2 style="font-size: 20px; font-weight: 400; color: #FFFFFF; margin: 0;">
<%= gettext "Need help? Is something not working as expected?" %> <%= gettext("Need help? Is something not working as expected?") %>
</h2> </h2>
<p style="margin: 0;"><a href="https://framacolibri.org/c/mobilizon/39" target="_blank" style="color: #FFFFFF;"> <p style="margin: 0;">
<%= gettext "Ask the community on Framacolibri" %> <a
</a></p> href="https://framacolibri.org/c/mobilizon/39"
target="_blank"
style="color: #FFFFFF;"
>
<%= gettext("Ask the community on Framacolibri") %>
</a>
</p>
</td> </td>
</tr> </tr>
</table> </table>
@ -140,7 +171,11 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- ADDRESS --> <!-- ADDRESS -->
<tr> <tr>
<td bgcolor="#ECEBF2" align="center" style="padding: 30px 30px 30px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;" > <td
bgcolor="#ECEBF2"
align="center"
style="padding: 30px 30px 30px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;"
>
<%= if @offer_unsupscription do %> <%= if @offer_unsupscription do %>
<p> <p>
<a href={"#{Mobilizon.Web.Endpoint.url()}/settings/notifications"}> <a href={"#{Mobilizon.Web.Endpoint.url()}/settings/notifications"}>
@ -149,8 +184,14 @@
</p> </p>
<% end %> <% end %>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("<b>%{instance}</b> is powered by Mobilizon.", instance: @instance_name) |> raw %><br /> <%= gettext("<b>%{instance}</b> is powered by Mobilizon.",
<a href="https://joinmobilizon.org"><%= gettext "Learn more about Mobilizon here!" %></a> instance: @instance_name
)
|> raw %>
<br />
<a href="https://joinmobilizon.org">
<%= gettext("Learn more about Mobilizon here!") %>
</a>
</p> </p>
</td> </td>
</tr> </tr>

44
lib/web/templates/email/email_anonymous_activity.html.heex
View file

@ -8,7 +8,12 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= @subject %> <%= @subject %>
</h1> </h1>
@ -36,21 +41,24 @@
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px; text-align: left; padding: 10px 5% 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400;line-height: 25px;" > <td
<%= align="center"
dgettext("activity", "%{profile} has posted an announcement under event %{event}.", style="border-radius: 3px; text-align: left; padding: 10px 5% 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400;line-height: 25px;"
>
<%= dgettext(
"activity",
"%{profile} has posted an announcement under event %{event}.",
%{ %{
profile: "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>", profile:
event: "<a href=\"#{ "<b>#{Mobilizon.Actors.Actor.display_name_and_username(@activity.author)}</b>",
Routes.page_url( event: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint,
Mobilizon.Web.Endpoint,
:event, :event,
@activity.subject_params["event_uuid"] @activity.subject_params["event_uuid"]) |> URI.decode()}\">
) |> URI.decode()}\">
#{@activity.subject_params["event_title"]} #{@activity.subject_params["event_title"]}
</a>" </a>"
} }
) |> raw %> )
|> raw %>
</td> </td>
</tr> </tr>
</table> </table>
@ -63,9 +71,17 @@
<td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;"> <td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;">
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"><a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :event, @activity.subject_params["event_uuid"]) }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<%= gettext "Visit event page" %> <a
</a></td> href={
"#{Routes.page_url(Mobilizon.Web.Endpoint, :event, @activity.subject_params["event_uuid"])}"
}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("Visit event page") %>
</a>
</td>
</tr> </tr>
</table> </table>
</td> </td>

39
lib/web/templates/email/email_changed_new.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "Confirm new email" %> <%= gettext("Confirm new email") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,9 +38,17 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("Hi there! It seems like you wanted to change the email address linked to your account on <b>%{instance}</b>. If you still wish to do so, please click the button below to confirm the change. You will then be able to log in to %{instance} with this new email address.", %{instance: @instance_name}) |> raw %> <%= gettext(
"Hi there! It seems like you wanted to change the email address linked to your account on <b>%{instance}</b>. If you still wish to do so, please click the button below to confirm the change. You will then be able to log in to %{instance} with this new email address.",
%{instance: @instance_name}
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
@ -47,8 +60,14 @@
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :user_email_validation, @token) }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <a
<%= gettext "Verify your email address" %> href={
"#{Routes.page_url(Mobilizon.Web.Endpoint, :user_email_validation, @token)}"
}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("Verify your email address") %>
</a> </a>
</td> </td>
</tr> </tr>
@ -59,9 +78,13 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "If you didn't trigger the change yourself, please ignore this message." %> <%= gettext("If you didn't trigger the change yourself, please ignore this message.") %>
</p> </p>
</td> </td>
</tr> </tr>

32
lib/web/templates/email/email_changed_old.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "New email confirmation" %> <%= gettext("New email confirmation") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,9 +38,17 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("The email address for your account on <b>%{host}</b> is being changed to:", host: @instance_name) |> raw %> <%= gettext(
"The email address for your account on <b>%{host}</b> is being changed to:",
host: @instance_name
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
@ -57,9 +70,16 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p> <p>
<%= gettext("If you did not trigger this change yourself, it is likely that someone has gained access to your %{host} account. Please log in and change your password immediately. If you cannot login, contact the admin on %{host}.", host: @instance_name) %> <%= gettext(
"If you did not trigger this change yourself, it is likely that someone has gained access to your %{host} account. Please log in and change your password immediately. If you cannot login, contact the admin on %{host}.",
host: @instance_name
) %>
</p> </p>
</td> </td>
</tr> </tr>

150
lib/web/templates/email/email_direct_activity.html.heex
View file

@ -8,7 +8,12 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= @subject %> <%= @subject %>
</h1> </h1>
@ -33,7 +38,11 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 5% 0px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 5% 0px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= case @recap do %> <%= case @recap do %>
<% :one_day -> %> <% :one_day -> %>
@ -41,9 +50,19 @@
<% :one_week -> %> <% :one_week -> %>
<% dgettext("activity", "Here's your weekly activity recap") %> <% dgettext("activity", "Here's your weekly activity recap") %>
<% :one_hour -> %> <% :one_hour -> %>
<%= dngettext("activity", "There has been an activity!", "There has been some activity!", @total_number_activities) %> <%= dngettext(
"activity",
"There has been an activity!",
"There has been some activity!",
@total_number_activities
) %>
<% false -> %> <% false -> %>
<%= dngettext("activity", "There has been an activity!", "There has been some activity!", @total_number_activities) %> <%= dngettext(
"activity",
"There has been an activity!",
"There has been some activity!",
@total_number_activities
) %>
<% end %> <% end %>
</p> </p>
</td> </td>
@ -52,37 +71,82 @@
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px; text-align: left; padding: 10px 5% 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400;line-height: 25px;" > <td
align="center"
style="border-radius: 3px; text-align: left; padding: 10px 5% 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400;line-height: 25px;"
>
<ul style="margin: 0 auto; padding-left: 15px;"> <ul style="margin: 0 auto; padding-left: 15px;">
<%= for {_, group_activities} <- @activities do %> <%= for {_, group_activities} <- @activities do %>
<li style="list-style: none;border-bottom: solid 2px #d7d6de;padding: 10px 0;"> <li style="list-style: none;border-bottom: solid 2px #d7d6de;padding: 10px 0;">
<%= if hd(group_activities).group do %> <%= if hd(group_activities).group do %>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <table
role="presentation"
cellspacing="0"
cellpadding="0"
border="0"
width="100%"
>
<tr> <tr>
<td align="left"> <td align="left">
<table align="left"> <table align="left">
<tr> <tr>
<%= if hd(group_activities).group.avatar do %> <%= if hd(group_activities).group.avatar do %>
<td width="85"> <td width="85">
<a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)) |> URI.decode() }"} target="_blank" style="text-decoration: none;"> <a
<img width="80" src={"#{ hd(group_activities).group.avatar.url }"} style="width: 80px;max-height: 100px;" style="margin:0; padding:0; border:none; display:block;" border="0" alt="" /> href={
"#{Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)) |> URI.decode()}"
}
target="_blank"
style="text-decoration: none;"
>
<img
width="80"
src={"#{hd(group_activities).group.avatar.url}"}
style="width: 80px;max-height: 100px;"
style="margin:0; padding:0; border:none; display:block;"
border="0"
alt=""
/>
</a> </a>
</td> </td>
<% end %> <% end %>
<td width="400"> <td width="400">
<table width="" cellpadding="0" cellspacing="0" border="0" style="max-width: 400px;width: 100%;" align="left"> <table
width=""
cellpadding="0"
cellspacing="0"
border="0"
style="max-width: 400px;width: 100%;"
align="left"
>
<tr> <tr>
<td align="left"> <td align="left">
<a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)) |> URI.decode() }"} target="_blank" style="text-decoration: none;color: #474467;font-family: 'Roboto', Helvetica, Arial, sans-serif;font-size: 18px;font-weight: bold;line-height: 25px;"> <a
<%= hd(group_activities).group.name || "@#{Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)}" %> href={
"#{Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)) |> URI.decode()}"
}
target="_blank"
style="text-decoration: none;color: #474467;font-family: 'Roboto', Helvetica, Arial, sans-serif;font-size: 18px;font-weight: bold;line-height: 25px;"
>
<%= hd(group_activities).group.name ||
"@#{Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)}" %>
</a> </a>
</td> </td>
</tr> </tr>
<%= if hd(group_activities).group.name do %> <%= if hd(group_activities).group.name do %>
<tr> <tr>
<td align="left"> <td align="left">
<a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)) |> URI.decode() }"} target="_blank" style="text-decoration: none;display: block;color: #7a7a7a;font-family: 'Roboto', Helvetica, Arial, sans-serif;font-size: 16px;font-weight: 400;line-height: 25px;"> <a
@<%= Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group) %> href={
"#{Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)) |> URI.decode()}"
}
target="_blank"
style="text-decoration: none;display: block;color: #7a7a7a;font-family: 'Roboto', Helvetica, Arial, sans-serif;font-size: 16px;font-weight: 400;line-height: 25px;"
>
@
<%= Mobilizon.Actors.Actor.preferred_username_and_domain(
hd(group_activities).group
) %>
</a> </a>
</td> </td>
</tr> </tr>
@ -101,19 +165,33 @@
<p style="margin: 0;"> <p style="margin: 0;">
<%= case activity.type do %> <%= case activity.type do %>
<% :discussion -> %> <% :discussion -> %>
<%= render("activity/_discussion_activity_item.html", activity: activity) %> <%= render("activity/_discussion_activity_item.html",
activity: activity
) %>
<% :event -> %> <% :event -> %>
<%= render("activity/_event_activity_item.html", activity: activity) %> <%= render("activity/_event_activity_item.html",
activity: activity
) %>
<% :group -> %> <% :group -> %>
<%= render("activity/_group_activity_item.html", activity: activity) %> <%= render("activity/_group_activity_item.html",
activity: activity
) %>
<% :member -> %> <% :member -> %>
<%= render("activity/_member_activity_item.html", activity: activity) %> <%= render("activity/_member_activity_item.html",
activity: activity
) %>
<% :post -> %> <% :post -> %>
<%= render("activity/_post_activity_item.html", activity: activity) %> <%= render("activity/_post_activity_item.html",
activity: activity
) %>
<% :resource -> %> <% :resource -> %>
<%= render("activity/_resource_activity_item.html", activity: activity) %> <%= render("activity/_resource_activity_item.html",
activity: activity
) %>
<% :comment -> %> <% :comment -> %>
<%= render("activity/_comment_activity_item.html", activity: activity) %> <%= render("activity/_comment_activity_item.html",
activity: activity
) %>
<% end %> <% end %>
</p> </p>
<%= unless @single_activity do %> <%= unless @single_activity do %>
@ -131,8 +209,20 @@
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)) |> URI.decode() }/timeline"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <a
<%= dngettext "activity", "View one more activity", "View %{count} more activities", length(group_activities) - 5, %{count: length(group_activities) - 5} %> href={
"#{Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(hd(group_activities).group)) |> URI.decode()}/timeline"
}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= dngettext(
"activity",
"View one more activity",
"View %{count} more activities",
length(group_activities) - 5,
%{count: length(group_activities) - 5}
) %>
</a> </a>
</td> </td>
</tr> </tr>
@ -150,9 +240,21 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= dgettext("activity", "Don't want to receive activity notifications? You may change frequency or disable them in %{tag_start}your settings%{tag_end}.", %{tag_start: "<a href=\"#{Mobilizon.Web.Endpoint.url()}/settings/notifications\">", tag_end: "</a>"}) |> raw %> <%= dgettext(
"activity",
"Don't want to receive activity notifications? You may change frequency or disable them in %{tag_start}your settings%{tag_end}.",
%{
tag_start: "<a href=\"#{Mobilizon.Web.Endpoint.url()}/settings/notifications\">",
tag_end: "</a>"
}
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>

24
lib/web/templates/email/event_group_follower_notification.html.heex
View file

@ -8,9 +8,16 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "%{group} scheduled a new event", group: Mobilizon.Actors.Actor.display_name(@group) %> <%= gettext("%{group} scheduled a new event",
group: Mobilizon.Actors.Actor.display_name(@group)
) %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,8 +40,17 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 15px 0px 15px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
<%= render("participation/event_card.html", event: @event, timezone: @timezone, locale: @locale, action: "event") %> bgcolor="#ffffff"
align="left"
style="padding: 20px 15px 0px 15px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<%= render("participation/event_card.html",
event: @event,
timezone: @timezone,
locale: @locale,
action: "event"
) %>
</td> </td>
</tr> </tr>
</table> </table>

50
lib/web/templates/email/event_participation_approved.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "You're going!" %> <%= gettext("You're going!") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,16 +38,27 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("You recently requested to attend <b>%{title}</b>.", title: @event.title) |> raw %> <%= gettext("You recently requested to attend <b>%{title}</b>.", title: @event.title)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "Good news: one of the event organizers just approved your request. Update your calendar, because you're on the guest list now!" %> <%= gettext(
"Good news: one of the event organizers just approved your request. Update your calendar, because you're on the guest list now!"
) %>
</p> </p>
</td> </td>
</tr> </tr>
@ -54,9 +70,15 @@
<td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;"> <td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;">
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"><a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid) }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<%= gettext "Visit event page" %> <a
</a></td> href={"#{Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)}"}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("Visit event page") %>
</a>
</td>
</tr> </tr>
</table> </table>
</td> </td>
@ -65,9 +87,15 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "Would you wish to update or cancel your attendance, simply access the event page through the link above and click on the Attending button." %> <%= gettext(
"Would you wish to update or cancel your attendance, simply access the event page through the link above and click on the Attending button."
) %>
</p> </p>
</td> </td>
</tr> </tr>

50
lib/web/templates/email/event_participation_confirmed.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "You're going!" %> <%= gettext("You're going!") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,16 +38,27 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("You recently requested to attend <b>%{title}</b>.", title: @event.title) |> raw %> <%= gettext("You recently requested to attend <b>%{title}</b>.", title: @event.title)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "You have now confirmed your participation. Update your calendar, because you're on the guest list now!" %> <%= gettext(
"You have now confirmed your participation. Update your calendar, because you're on the guest list now!"
) %>
</p> </p>
</td> </td>
</tr> </tr>
@ -54,9 +70,15 @@
<td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;"> <td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;">
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"><a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid) }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<%= gettext "Visit event page" %> <a
</a></td> href={"#{Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)}"}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("Visit event page") %>
</a>
</td>
</tr> </tr>
</table> </table>
</td> </td>
@ -65,9 +87,15 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "Would you wish to update or cancel your attendance, simply access the event page through the link above and click on the Attending button." %> <%= gettext(
"Would you wish to update or cancel your attendance, simply access the event page through the link above and click on the Attending button."
) %>
</p> </p>
</td> </td>
</tr> </tr>

26
lib/web/templates/email/event_participation_rejected.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "Sorry! You're not going." %> <%= gettext("Sorry! You're not going.") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,16 +38,25 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("You issued a request to attend <b>%{title}</b>.", title: @event.title) |> raw %> <%= gettext("You issued a request to attend <b>%{title}</b>.", title: @event.title)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "Unfortunately, the organizers rejected your request." %> <%= gettext("Unfortunately, the organizers rejected your request.") %>
</p> </p>
</td> </td>
</tr> </tr>

83
lib/web/templates/email/event_updated.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "Event update!" %> <%= gettext("Event update!") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,14 +38,26 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("There have been changes for <b>%{title}</b> so we'd thought we'd let you know.", title: @old_event.title) |> raw %> <%= gettext(
"There have been changes for <b>%{title}</b> so we'd thought we'd let you know.",
title: @old_event.title
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<table width="100%"> <table width="100%">
<%= if MapSet.member?(@changes, :status) do %> <%= if MapSet.member?(@changes, :status) do %>
<tr> <tr>
@ -48,11 +65,13 @@
<b> <b>
<%= case @event.status do %> <%= case @event.status do %>
<% :confirmed -> %> <% :confirmed -> %>
<%= gettext "This event has been confirmed" %> <%= gettext("This event has been confirmed") %>
<% :tentative -> %> <% :tentative -> %>
<%= gettext "This event has yet to be confirmed: organizers will let you know if they do confirm it." %> <%= gettext(
"This event has yet to be confirmed: organizers will let you know if they do confirm it."
) %>
<% :cancelled -> %> <% :cancelled -> %>
<%= gettext "This event has been cancelled by its organizers. Sorry!" %> <%= gettext("This event has been cancelled by its organizers. Sorry!") %>
<% end %> <% end %>
</b> </b>
</td> </td>
@ -61,7 +80,7 @@
<%= if MapSet.member?(@changes, :title) do %> <%= if MapSet.member?(@changes, :title) do %>
<tr> <tr>
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<%= gettext "Event title" %> <%= gettext("Event title") %>
</td> </td>
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<b><%= @event.title %></b> <b><%= @event.title %></b>
@ -71,27 +90,37 @@
<%= if MapSet.member?(@changes, :begins_on) do %> <%= if MapSet.member?(@changes, :begins_on) do %>
<tr> <tr>
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<%= gettext "Start" %> <%= gettext("Start") %>
</td> </td>
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<%= render("date/event_tz_date.html", event: @event, date: @event.begins_on, timezone: @timezone, locale: @locale) %> <%= render("date/event_tz_date.html",
event: @event,
date: @event.begins_on,
timezone: @timezone,
locale: @locale
) %>
</td> </td>
</tr> </tr>
<% end %> <% end %>
<%= if MapSet.member?(@changes, :ends_on) && !is_nil(@event.ends_on) do %> <%= if MapSet.member?(@changes, :ends_on) && !is_nil(@event.ends_on) do %>
<tr> <tr>
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<%= gettext "End" %> <%= gettext("End") %>
</td> </td>
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<%= render("date/event_tz_date.html", event: @event, date: @event.ends_on, timezone: @timezone, locale: @locale) %> <%= render("date/event_tz_date.html",
event: @event,
date: @event.ends_on,
timezone: @timezone,
locale: @locale
) %>
</td> </td>
</tr> </tr>
<% end %> <% end %>
<%= if MapSet.member?(@changes, :physical_address) do %> <%= if MapSet.member?(@changes, :physical_address) do %>
<tr> <tr>
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<%= gettext "Location" %> <%= gettext("Location") %>
</td> </td>
<%= unless is_nil(@event.physical_address) do %> <%= unless is_nil(@event.physical_address) do %>
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
@ -101,7 +130,7 @@
</td> </td>
<% else %> <% else %>
<td bgcolor="#ffffff" align="left"> <td bgcolor="#ffffff" align="left">
<%= gettext "Location address was removed" %> <%= gettext("Location address was removed") %>
</td> </td>
<% end %> <% end %>
</tr> </tr>
@ -117,9 +146,15 @@
<td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;"> <td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;">
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"><a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid) }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<%= gettext "Visit the updated event page" %> <a
</a></td> href={"#{Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)}"}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("Visit the updated event page") %>
</a>
</td>
</tr> </tr>
</table> </table>
</td> </td>
@ -128,9 +163,17 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= ngettext "Would you wish to cancel your attendance, visit the event page through the link above and click the « Attending » button.", "Would you wish to cancel your attendance to one or several events, visit the event pages through the links above and click the « Attending » button.", 1 %> <%= ngettext(
"Would you wish to cancel your attendance, visit the event page through the link above and click the « Attending » button.",
"Would you wish to cancel your attendance to one or several events, visit the event pages through the links above and click the « Attending » button.",
1
) %>
</p> </p>
</td> </td>
</tr> </tr>

40
lib/web/templates/email/group_invite.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "Come along!" %> <%= gettext("Come along!") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,16 +38,31 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("<b>%{inviter}</b> just invited you to join their group %{link_start}<b>%{group}</b>%{link_end}", group: @group.name, inviter: @inviter.name, link_start: "<a href=\"#{@group.url}\">", link_end: "</a>") |> raw %> <%= gettext(
"<b>%{inviter}</b> just invited you to join their group %{link_start}<b>%{group}</b>%{link_end}",
group: @group.name,
inviter: @inviter.name,
link_start: "<a href=\"#{@group.url}\">",
link_end: "</a>"
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "To accept this invitation, head over to your groups." %> <%= gettext("To accept this invitation, head over to your groups.") %>
</p> </p>
</td> </td>
</tr> </tr>
@ -55,8 +75,12 @@
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :my_groups) }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <a
<%= gettext "See my groups" %> href={"#{Routes.page_url(Mobilizon.Web.Endpoint, :my_groups)}"}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("See my groups") %>
</a> </a>
</td> </td>
</tr> </tr>

33
lib/web/templates/email/group_member_removal.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "So long, and thanks for the fish!" %> <%= gettext("So long, and thanks for the fish!") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,16 +38,32 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("You have been removed from group %{link_start}<b>%{group}</b>%{link_end}. You will not be able to access this group's private content anymore.", group: @group.name, link_start: "<a href=\"#{@group.url}\">", link_end: "</a>") |> raw %> <%= gettext(
"You have been removed from group %{link_start}<b>%{group}</b>%{link_end}. You will not be able to access this group's private content anymore.",
group: @group.name,
link_start: "<a href=\"#{@group.url}\">",
link_end: "</a>"
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "If you feel this is an error, you may contact the group's administrators so that they can add you back." %> <%= gettext(
"If you feel this is an error, you may contact the group's administrators so that they can add you back."
) %>
</p> </p>
</td> </td>
</tr> </tr>

34
lib/web/templates/email/group_membership_approval.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "You're in!" %> <%= gettext("You're in!") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,9 +38,20 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("Your membership request for group %{link_start}<b>%{group}</b>%{link_end} has been approved.", group: Mobilizon.Actors.Actor.display_name(@group), link_start: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(@group))}\">", link_end: "</a>") |> raw %> <%= gettext(
"Your membership request for group %{link_start}<b>%{group}</b>%{link_end} has been approved.",
group: Mobilizon.Actors.Actor.display_name(@group),
link_start:
"<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(@group))}\">",
link_end: "</a>"
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
@ -48,8 +64,14 @@
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(@group)) }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <a
<%= gettext "View the group" %> href={
"#{Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(@group))}"
}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("View the group") %>
</a> </a>
</td> </td>
</tr> </tr>

24
lib/web/templates/email/group_membership_rejection.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "Sorry, not this time!" %> <%= gettext("Sorry, not this time!") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,9 +38,20 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("Your membership request for group %{link_start}<b>%{group}</b>%{link_end} has been rejected.", group: Mobilizon.Actors.Actor.display_name(@group), link_start: "<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(@group))}\">", link_end: "</a>") |> raw %> <%= gettext(
"Your membership request for group %{link_start}<b>%{group}</b>%{link_end} has been rejected.",
group: Mobilizon.Actors.Actor.display_name(@group),
link_start:
"<a href=\"#{Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(@group))}\">",
link_end: "</a>"
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>

49
lib/web/templates/email/group_suspension.html.heex
View file

@ -8,9 +8,17 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "The group %{group} has been suspended on %{instance}!", group: (@group.name || @group.preferred_username), instance: @instance_name %> <%= gettext("The group %{group} has been suspended on %{instance}!",
group: @group.name || @group.preferred_username,
instance: @instance_name
) %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,25 +41,50 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("Your instance's moderation team has decided to suspend <b>%{group_name}</b> (%{group_address}). You are no longer a member of this group.", group_name: @group.name, group_address: (if @group.domain, do: "@#{@group.preferred_username}@#{@group.domain}", else: "@#{@group.preferred_username}")) |> raw %> <%= gettext(
"Your instance's moderation team has decided to suspend <b>%{group_name}</b> (%{group_address}). You are no longer a member of this group.",
group_name: @group.name,
group_address:
if(@group.domain,
do: "@#{@group.preferred_username}@#{@group.domain}",
else: "@#{@group.preferred_username}"
)
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
<%= if is_nil(@group.domain) do %> <%= if is_nil(@group.domain) do %>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "As this group was located on this instance, all of it's data has been irretrievably deleted." %> <%= gettext(
"As this group was located on this instance, all of it's data has been irretrievably deleted."
) %>
</p> </p>
</td> </td>
</tr> </tr>
<% else %> <% else %>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "As this group was located on another instance, it will continue to work for other instances than this one." %> <%= gettext(
"As this group was located on another instance, it will continue to work for other instances than this one."
) %>
</p> </p>
</td> </td>
</tr> </tr>

80
lib/web/templates/email/instance_follow.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "Want to connect?" %> <%= gettext("Want to connect?") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,27 +38,64 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= if @follower.type == :Application do %><%= gettext("<b>%{name} (%{domain})</b> just requested to follow your instance.", name: @follower.name, domain: @follower.domain) |> raw %><% else %><%= gettext("<b>%{name}</b> just requested to follow your instance.", name: Mobilizon.Actors.Actor.display_name_and_username(@follower)) |> raw %><% end %> <%= if @follower.type == :Application do %>
<%= gettext("<b>%{name} (%{domain})</b> just requested to follow your instance.",
name: @follower.name,
domain: @follower.domain
)
|> raw %>
<% else %>
<%= gettext("<b>%{name}</b> just requested to follow your instance.",
name: Mobilizon.Actors.Actor.display_name_and_username(@follower)
)
|> raw %>
<% end %>
<br /> <br />
<%= if @follower.type == :Application do %><%= gettext "If you accept, this instance will receive all of your public events." %><% else %><%= gettext "If you accept, this profile will receive all of your public events." %><% end %> <%= if @follower.type == :Application do %>
<%= gettext("If you accept, this instance will receive all of your public events.") %>
<% else %>
<%= gettext("If you accept, this profile will receive all of your public events.") %>
<% end %>
</p> </p>
</td> </td>
</tr> </tr>
<%= if @follower.type == :Application do %> <%= if @follower.type == :Application do %>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext "Note: %{name} (%{domain}) following you doesn't necessarily imply that you follow this instance, but you can ask to follow them too.", name: @follower.name, domain: @follower.domain %> <%= gettext(
"Note: %{name} (%{domain}) following you doesn't necessarily imply that you follow this instance, but you can ask to follow them too.",
name: @follower.name,
domain: @follower.domain
) %>
</p> </p>
</td> </td>
</tr> </tr>
<% end %> <% end %>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= if @follower.type == :Application do %><%= gettext "To accept this invitation, head over to the instance's admin settings." %><% else %><%= gettext "To accept this invitation, head over to the profile's admin page." %><% end %> <%= if @follower.type == :Application do %>
<%= gettext(
"To accept this invitation, head over to the instance's admin settings."
) %>
<% else %>
<%= gettext("To accept this invitation, head over to the profile's admin page.") %>
<% end %>
</p> </p>
</td> </td>
</tr> </tr>
@ -67,12 +109,24 @@
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<%= if @follower.type == :Application do %> <%= if @follower.type == :Application do %>
<a href={"#{ "#{Mobilizon.Web.Endpoint.url()}/settings/admin/instances/#{@follower.domain}" }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <a
<%= gettext "View the details" %> href={
"#{"#{Mobilizon.Web.Endpoint.url()}/settings/admin/instances/#{@follower.domain}"}"
}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("View the details") %>
</a> </a>
<% else %> <% else %>
<a href={"#{ "#{Mobilizon.Web.Endpoint.url()}/settings/admin/profiles/#{@follower.id}" }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <a
<%= gettext "View the details" %> href={
"#{"#{Mobilizon.Web.Endpoint.url()}/settings/admin/profiles/#{@follower.id}"}"
}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("View the details") %>
</a> </a>
<% end %> <% end %>
</td> </td>

54
lib/web/templates/email/notification_each_week.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "On the agenda this week" %> <%= gettext("On the agenda this week") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,31 +38,62 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= ngettext "You have one event this week:", "You have %{total} events this week:", @total, total: @total %> <%= ngettext(
"You have one event this week:",
"You have %{total} events this week:",
@total,
total: @total
) %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 15px 0px 15px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 15px 0px 15px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<%= if @total > 1 do %> <%= if @total > 1 do %>
<ul style="margin: 0;padding: 0;list-style-type: none;"> <ul style="margin: 0;padding: 0;list-style-type: none;">
<%= for participation <- @participations do %> <%= for participation <- @participations do %>
<li style="padding: 0; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; margin-bottom: 10px"> <li style="padding: 0; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; margin-bottom: 10px">
<%= render("participation/event_card.html", event: participation.event, timezone: @timezone, locale: @locale, action: "participation") %> <%= render("participation/event_card.html",
event: participation.event,
timezone: @timezone,
locale: @locale,
action: "participation"
) %>
</li> </li>
<% end %> <% end %>
</ul> </ul>
<% else %> <% else %>
<%= render("participation/event_card.html", event: @participation.event, timezone: @timezone, locale: @locale, action: "participation") %> <%= render("participation/event_card.html",
event: @participation.event,
timezone: @timezone,
locale: @locale,
action: "participation"
) %>
<% end %> <% end %>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= ngettext "Would you wish to cancel your attendance, visit the event page through the link above and click the « Attending » button.", "Would you wish to cancel your attendance to one or several events, visit the event pages through the links above and click the « Attending » button.", @total %> <%= ngettext(
"Would you wish to cancel your attendance, visit the event page through the link above and click the « Attending » button.",
"Would you wish to cancel your attendance to one or several events, visit the event pages through the links above and click the « Attending » button.",
@total
) %>
</p> </p>
</td> </td>
</tr> </tr>

51
lib/web/templates/email/on_day_notification.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "What's up today?" %> <%= gettext("What's up today?") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,31 +38,59 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= ngettext "You have one event today:", "You have %{total} events today:", @total, total: @total %> <%= ngettext("You have one event today:", "You have %{total} events today:", @total,
total: @total
) %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<%= if @total > 1 do %> <%= if @total > 1 do %>
<ul style="margin: 0;"> <ul style="margin: 0;">
<%= for participation <- @participations do %> <%= for participation <- @participations do %>
<li> <li>
<%= render("participation/event_card.html", event: participation.event, timezone: @timezone, locale: @locale, action: "participation") %> <%= render("participation/event_card.html",
event: participation.event,
timezone: @timezone,
locale: @locale,
action: "participation"
) %>
</li> </li>
<% end %> <% end %>
</ul> </ul>
<% else %> <% else %>
<%= render("participation/event_card.html", event: @participation.event, timezone: @timezone, locale: @locale, action: "participation") %> <%= render("participation/event_card.html",
event: @participation.event,
timezone: @timezone,
locale: @locale,
action: "participation"
) %>
<% end %> <% end %>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= ngettext "Would you wish to cancel your attendance, visit the event page through the link above and click the « Attending » button.", "Would you wish to cancel your attendance to one or several events, visit the event pages through the links above and click the « Attending » button.", @total %> <%= ngettext(
"Would you wish to cancel your attendance, visit the event page through the link above and click the « Attending » button.",
"Would you wish to cancel your attendance to one or several events, visit the event pages through the links above and click the « Attending » button.",
@total
) %>
</p> </p>
</td> </td>
</tr> </tr>

117
lib/web/templates/email/participation/card/_metadata.html.heex
View file

@ -1,7 +1,11 @@
<table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: 100%; display: table; margin: 0; padding: 0; border: 0;"> <table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: 100%; display: table; margin: 0; padding: 0; border: 0;">
<thead style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"> <thead style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
<tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
<td style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0; border: 0;" valign="baseline" align="left"> <td
style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0; border: 0;"
valign="baseline"
align="left"
>
<div style="vertical-align: baseline; border-bottom-color: rgb(224,224,224); border-bottom-style: solid; margin: 0; padding: 0; border-width: 0 0 1px;"> <div style="vertical-align: baseline; border-bottom-color: rgb(224,224,224); border-bottom-style: solid; margin: 0; padding: 0; border-width: 0 0 1px;">
</div> </div>
</td> </td>
@ -9,31 +13,80 @@
</thead> </thead>
<tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"> <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
<tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
<td style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 16px 0 10px; border: 0;" valign="middle" align="left"> <td
style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 16px 0 10px; border: 0;"
valign="middle"
align="left"
>
<div style="vertical-align: baseline; margin: 0 0 0 10px; padding: 0; border: 0;"> <div style="vertical-align: baseline; margin: 0 0 0 10px; padding: 0; border: 0;">
<div class="event__content_info" style="vertical-align: baseline; display: inline-block; margin: 0; padding: 0; border: 0;"> <div
class="event__content_info"
style="vertical-align: baseline; display: inline-block; margin: 0; padding: 0; border: 0;"
>
<table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; margin: 0; padding: 0; border: 0;"> <table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; margin: 0; padding: 0; border: 0;">
<tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"> <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
<!-- row for datetime --> <!-- row for datetime -->
<tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <tr
<td style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0 12px 0 0; border: 0;" valign="baseline" align="left"> style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAAf0lEQVRIx2NgGEDwH4opUsdEa1eiW+DNwMDwBM1F/wlgZHWPGRgYPPFZ+JgIAwnhR8gGMmIJT2oAuLl0jwOqAxZCXiQRYATx0A+iAYsDfABbUsYZZ0M/iIa+BeREMkmZkO5B9ARKk1tUMzBAinycwJOBsjrhEQMDgwetQ2WYAQCSDEUsvZlgYAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMC0xNFQxNDo1MTowNyswMDowMCvAzKIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTAtMTRUMTQ6NTE6MDcrMDA6MDBanXQeAAAAAElFTkSuQmCC" style="outline: none; text-decoration: none; width: 21px; max-width: 100%; clear: both; display: block; vertical-align: baseline; margin: 0; padding: 0; border: 0;"> align="left"
>
<td
style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0 12px 0 0; border: 0;"
valign="baseline"
align="left"
>
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAAf0lEQVRIx2NgGEDwH4opUsdEa1eiW+DNwMDwBM1F/wlgZHWPGRgYPPFZ+JgIAwnhR8gGMmIJT2oAuLl0jwOqAxZCXiQRYATx0A+iAYsDfABbUsYZZ0M/iIa+BeREMkmZkO5B9ARKk1tUMzBAinycwJOBsjrhEQMDgwetQ2WYAQCSDEUsvZlgYAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMC0xNFQxNDo1MTowNyswMDowMCvAzKIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTAtMTRUMTQ6NTE6MDcrMDA6MDBanXQeAAAAAElFTkSuQmCC"
style="outline: none; text-decoration: none; width: 21px; max-width: 100%; clear: both; display: block; vertical-align: baseline; margin: 0; padding: 0; border: 0;"
/>
</td> </td>
<td style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0 0 12px; border: 0;" valign="top" align="left"> <td
<p style="color: rgb(87,100,108); font-family: Helvetica,Arial,sans-serif; font-weight: 300; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0 0 12px; border: 0;"
<%= render("date/event_tz_date_range.html", event: @event, start_date: datetime_tz_convert(@event.begins_on, @event.options.timezone), end_date: datetime_tz_convert(@event.ends_on, @event.options.timezone), timezone: @timezone, locale: @locale) %> valign="top"
align="left"
>
<p
style="color: rgb(87,100,108); font-family: Helvetica,Arial,sans-serif; font-weight: 300; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;"
align="left"
>
<%= render("date/event_tz_date_range.html",
event: @event,
start_date:
datetime_tz_convert(@event.begins_on, @event.options.timezone),
end_date: datetime_tz_convert(@event.ends_on, @event.options.timezone),
timezone: @timezone,
locale: @locale
) %>
</p> </p>
</td> </td>
</tr> </tr>
<!-- row for datetime end --> <!-- row for datetime end -->
<%= if not is_nil(@event.physical_address) and not is_nil(render_address(@event.physical_address)) do %> <%= if not is_nil(@event.physical_address) and not is_nil(render_address(@event.physical_address)) do %>
<!-- venue block --> <!-- venue block -->
<tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <tr
<td style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0 12px 0 0; border: 0;" valign="baseline" align="left"> style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAABHklEQVRIx+XUsUoDQRQF0EMUtNPGYGsULMTeNuonqJ8SsNZ/kLSW/kEaLQykMvoJNoKdGkWCQrTYDS6b3c1O1i4XbjHz3rt35u2+YR5Qxznu8RGzj7M4VgnHGOAnhwMcVREfFYiPOZrFpD7l5Gm+YS1LaCHH4BSHqb1XXOIOW1hOxJYwxE3ZGzykTviCjUS8ERsmc/ohLXpPFV9k5LRNfvAJ1HIMvkrk1abUFKKX0aJGIr6Z0aJeltBijsEt9hLrVVGPr+L1CVYyakpjR/lfdMzdEAPoBoh3Q8XhIMBgfxYD6JQQ78wqTjSxnwXiQ2xXMYBWgUGrqjjRQGW16lr+WxaMOp4S4s9Y/y/xMZr4jtksWxRyxUfRk9HxN9FzgF/m1ZTuGrd6hAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMC0xNFQxNDo1Mjo0NyswMDowMES9eVsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTAtMTRUMTQ6NTI6NDcrMDA6MDA14MHnAAAAAElFTkSuQmCC" style="outline: none; text-decoration: none; width: 21px; max-width: 100%; clear: both; display: block; vertical-align: baseline; margin: 0; padding: 0; border: 0;"> align="left"
>
<td
style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0 12px 0 0; border: 0;"
valign="baseline"
align="left"
>
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAABHklEQVRIx+XUsUoDQRQF0EMUtNPGYGsULMTeNuonqJ8SsNZ/kLSW/kEaLQykMvoJNoKdGkWCQrTYDS6b3c1O1i4XbjHz3rt35u2+YR5Qxznu8RGzj7M4VgnHGOAnhwMcVREfFYiPOZrFpD7l5Gm+YS1LaCHH4BSHqb1XXOIOW1hOxJYwxE3ZGzykTviCjUS8ERsmc/ohLXpPFV9k5LRNfvAJ1HIMvkrk1abUFKKX0aJGIr6Z0aJeltBijsEt9hLrVVGPr+L1CVYyakpjR/lfdMzdEAPoBoh3Q8XhIMBgfxYD6JQQ78wqTjSxnwXiQ2xXMYBWgUGrqjjRQGW16lr+WxaMOp4S4s9Y/y/xMZr4jtksWxRyxUfRk9HxN9FzgF/m1ZTuGrd6hAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMC0xNFQxNDo1Mjo0NyswMDowMES9eVsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTAtMTRUMTQ6NTI6NDcrMDA6MDA14MHnAAAAAElFTkSuQmCC"
style="outline: none; text-decoration: none; width: 21px; max-width: 100%; clear: both; display: block; vertical-align: baseline; margin: 0; padding: 0; border: 0;"
/>
</td> </td>
<td class="m_8261046153705514309event__content_local" style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0; border: 0;" valign="top" align="left"> <td
<p style="color: rgb(87,100,108); font-family: Helvetica,Arial,sans-serif; font-weight: 300; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> class="m_8261046153705514309event__content_local"
style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0; border: 0;"
valign="top"
align="left"
>
<p
style="color: rgb(87,100,108); font-family: Helvetica,Arial,sans-serif; font-weight: 300; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;"
align="left"
>
<%= render_address(@event.physical_address) %> <%= render_address(@event.physical_address) %>
</p> </p>
</td> </td>
@ -41,13 +94,31 @@
<!-- venue block end --> <!-- venue block end -->
<% end %> <% end %>
<%= if @event.options.is_online do %> <%= if @event.options.is_online do %>
<tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <tr
<td style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0 12px 0 0; border: 0;" valign="baseline" align="left"> style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAABWUlEQVRIx+WUP04CURDGf5pIQsROOAMHsNSgVmpp9AZ6AG1MiA1CsZ6DCxiwMx5BtKNQGs2uLf9aFov9DC8s++ftNiZOMpmdnW/mm8x78+A/SAVoAa/AVNoDmorlknNgDMwjdAyc5Snuq9ADUAM2pftARzE/C0nF6PwmBlcXZgSUbQhaRucABeAe8AAXcPQPoCvsnQ3Bm5Jq8h3C83cUO5DfsyGYKKkk31tB8K3YFosDD8l6BME8wQeYya7FYCIJBrI7su0VmPYSZoCFNNVRR36BYOYu4UN+FLZhQ2Be03oM7laYIbBtQwDB8vwuWpfgtpSkh0bnPnBqW9wkGRH9VAzzFC/KlgmW6IXg+k703TDGUrQtfgK8A7spsHvAh3JSyQbQN8bwBFwAVRaPXRW4BJ4NXF+5iXIdM/MkvUpD4OUgcJeLrdrkGdklVe4x8JWh+0/gKEdzf1R+ADQolKDXzQqjAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTEwLTE1VDEzOjA5OjAzKzAwOjAwbhSTzgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0xMC0xNVQxMzowOTowMyswMDowMB9JK3IAAAAASUVORK5CYII=" style="outline: none; text-decoration: none; width: 21px; max-width: 100%; clear: both; display: block; vertical-align: baseline; margin: 0; padding: 0; border: 0;"> align="left"
>
<td
style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0 12px 0 0; border: 0;"
valign="baseline"
align="left"
>
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAABWUlEQVRIx+WUP04CURDGf5pIQsROOAMHsNSgVmpp9AZ6AG1MiA1CsZ6DCxiwMx5BtKNQGs2uLf9aFov9DC8s++ftNiZOMpmdnW/mm8x78+A/SAVoAa/AVNoDmorlknNgDMwjdAyc5Snuq9ADUAM2pftARzE/C0nF6PwmBlcXZgSUbQhaRucABeAe8AAXcPQPoCvsnQ3Bm5Jq8h3C83cUO5DfsyGYKKkk31tB8K3YFosDD8l6BME8wQeYya7FYCIJBrI7su0VmPYSZoCFNNVRR36BYOYu4UN+FLZhQ2Be03oM7laYIbBtQwDB8vwuWpfgtpSkh0bnPnBqW9wkGRH9VAzzFC/KlgmW6IXg+k703TDGUrQtfgK8A7spsHvAh3JSyQbQN8bwBFwAVRaPXRW4BJ4NXF+5iXIdM/MkvUpD4OUgcJeLrdrkGdklVe4x8JWh+0/gKEdzf1R+ADQolKDXzQqjAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTEwLTE1VDEzOjA5OjAzKzAwOjAwbhSTzgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0xMC0xNVQxMzowOTowMyswMDowMB9JK3IAAAAASUVORK5CYII="
style="outline: none; text-decoration: none; width: 21px; max-width: 100%; clear: both; display: block; vertical-align: baseline; margin: 0; padding: 0; border: 0;"
/>
</td> </td>
<td class="m_8261046153705514309event__content_local" style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0; border: 0;" valign="top" align="left"> <td
<p style="color: rgb(87,100,108); font-family: Helvetica,Arial,sans-serif; font-weight: 300; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> class="m_8261046153705514309event__content_local"
<%= gettext "Online event" %> style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0; border: 0;"
valign="top"
align="left"
>
<p
style="color: rgb(87,100,108); font-family: Helvetica,Arial,sans-serif; font-weight: 300; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;"
align="left"
>
<%= gettext("Online event") %>
</p> </p>
</td> </td>
</tr> </tr>
@ -61,7 +132,11 @@
</tbody> </tbody>
<tfoot style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"> <tfoot style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
<tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
<td style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0; border: 0;" valign="baseline" align="left"> <td
style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0; border: 0;"
valign="baseline"
align="left"
>
<div style="vertical-align: baseline; border-bottom-color: rgb(224,224,224); border-bottom-style: solid; margin: 0; padding: 0; border-width: 0 0 1px;"> <div style="vertical-align: baseline; border-bottom-color: rgb(224,224,224); border-bottom-style: solid; margin: 0; padding: 0; border-width: 0 0 1px;">
</div> </div>
</td> </td>

19
lib/web/templates/email/participation/card/_picture.html.heex
View file

@ -1,9 +1,22 @@
<table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: 100%; display: table; height: 180px; margin: 0 0 24px; padding: 0; border: 0;"> <table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: 100%; display: table; height: 180px; margin: 0 0 24px; padding: 0; border: 0;">
<tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"> <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
<tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
<td style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0; border: 0;" valign="baseline" align="left"> <td
<a href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)} style="color: rgb(87,100,108); font-family: Helvetica,Arial,sans-serif; font-weight: normal; text-align: left; line-height: 1.3; text-decoration: none; vertical-align: baseline; margin: 0; padding: 0; border: 0;" target="_blank"> style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0; border: 0;"
<div class="event-intro__banner_photo" style={"vertical-align: baseline; height: 180px; background: url(#{@event.picture.file.url}) center 40% / cover; margin: -1px -1px 10px; padding: 0; border: 0;"}> valign="baseline"
align="left"
>
<a
href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)}
style="color: rgb(87,100,108); font-family: Helvetica,Arial,sans-serif; font-weight: normal; text-align: left; line-height: 1.3; text-decoration: none; vertical-align: baseline; margin: 0; padding: 0; border: 0;"
target="_blank"
>
<div
class="event-intro__banner_photo"
style={
"vertical-align: baseline; height: 180px; background: url(#{@event.picture.file.url}) center 40% / cover; margin: -1px -1px 10px; padding: 0; border: 0;"
}
>
</div> </div>
</a> </a>
</td> </td>

40
lib/web/templates/email/participation/card/_title.html.heex
View file

@ -1,22 +1,50 @@
<table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: 100%; display: table; margin: 0; padding: 0; border: 0;"> <table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: 100%; display: table; margin: 0; padding: 0; border: 0;">
<tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"> <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
<tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
<td style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0; border: 0;" valign="baseline" align="left"> <td
<a href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)} style="color: rgb(66,81,90); font-family: Helvetica,Arial,sans-serif; font-weight: 700; text-align: left; line-height: 1.4; text-decoration: none; vertical-align: baseline; font-size: 22px; letter-spacing: 0.2px; margin: 0 0 30px; padding: 0; border: 0;" target="_blank"> style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 0; border: 0;"
valign="baseline"
align="left"
>
<a
href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)}
style="color: rgb(66,81,90); font-family: Helvetica,Arial,sans-serif; font-weight: 700; text-align: left; line-height: 1.4; text-decoration: none; vertical-align: baseline; font-size: 22px; letter-spacing: 0.2px; margin: 0 0 30px; padding: 0; border: 0;"
target="_blank"
>
<%= @event.title %> <%= @event.title %>
</a> </a>
<div style="vertical-align: baseline; width: 100%; margin: 0 0 0 10px; padding: 0; border: 0;display: flex;"> <div style="vertical-align: baseline; width: 100%; margin: 0 0 0 10px; padding: 0; border: 0;display: flex;">
<%= cond do %> <%= cond do %>
<% @event.attributed_to != nil and @event.attributed_to.avatar != nil && @event.attributed_to.avatar.url != nil -> %> <% @event.attributed_to != nil and @event.attributed_to.avatar != nil && @event.attributed_to.avatar.url != nil -> %>
<img style="float: left;border-radius: 75%;margin-right: 8px;max-width: 30px;margin-top: auto;margin-bottom: 5px;" src={@event.attributed_to.avatar.url} /> <img
style="float: left;border-radius: 75%;margin-right: 8px;max-width: 30px;margin-top: auto;margin-bottom: 5px;"
src={@event.attributed_to.avatar.url}
/>
<% @event.organizer_actor.avatar != nil and @event.organizer_actor.avatar.url != nil -> %> <% @event.organizer_actor.avatar != nil and @event.organizer_actor.avatar.url != nil -> %>
<img style="float: left;border-radius: 75%;margin-right: 8px;max-width: 30px;margin-top: auto;margin-bottom: 5px;" src={@event.organizer_actor.avatar.url} /> <img
style="float: left;border-radius: 75%;margin-right: 8px;max-width: 30px;margin-top: auto;margin-bottom: 5px;"
src={@event.organizer_actor.avatar.url}
/>
<% true -> %> <% true -> %>
<% end %> <% end %>
<div style="vertical-align: top; float: left; width: 75%; margin: 0; padding: 0; border: 0;"> <div style="vertical-align: top; float: left; width: 75%; margin: 0; padding: 0; border: 0;">
<p style="font-family: Helvetica,Arial,sans-serif; font-weight: 400; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <p
style="font-family: Helvetica,Arial,sans-serif; font-weight: 400; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;"
align="left"
>
<%= if @event.attributed_to do %> <%= if @event.attributed_to do %>
<a href={Routes.page_url(Mobilizon.Web.Endpoint, :actor, Mobilizon.Actors.Actor.preferred_username_and_domain(@event.attributed_to)) |> raw} style="color: rgb(254,56,89); font-family: Helvetica,Arial,sans-serif; font-weight: normal; text-align: left; line-height: 1.3; text-decoration: none; vertical-align: baseline; margin: 0; padding: 0; border: 0;" target="_blank"> <a
href={
Routes.page_url(
Mobilizon.Web.Endpoint,
:actor,
Mobilizon.Actors.Actor.preferred_username_and_domain(@event.attributed_to)
)
|> raw
}
style="color: rgb(254,56,89); font-family: Helvetica,Arial,sans-serif; font-weight: normal; text-align: left; line-height: 1.3; text-decoration: none; vertical-align: baseline; margin: 0; padding: 0; border: 0;"
target="_blank"
>
<%= @event.attributed_to.name || @event.attributed_to.preferred_username %> <%= @event.attributed_to.name || @event.attributed_to.preferred_username %>
</a> </a>
<% else %> <% else %>

102
lib/web/templates/email/participation/event_card.html.heex
View file

@ -4,19 +4,46 @@
<!-- event image end --> <!-- event image end -->
<% end %> <% end %>
<%= render("participation/card/_title.html", event: @event) %> <%= render("participation/card/_title.html", event: @event) %>
<%= render("participation/card/_metadata.html", event: @event, timezone: @timezone, locale: @locale, action: @action) %> <%= render("participation/card/_metadata.html",
event: @event,
timezone: @timezone,
locale: @locale,
action: @action
) %>
<%= case @action do %> <%= case @action do %>
<% "participation" -> %> <% "participation" -> %>
<div class="event__content_attend" style="vertical-align: middle; margin: 0; padding: 0; border: 0;"> <div
<table class="button btn-attend event__content_position" style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: auto; margin: 0; padding: 0; border: 0;"> class="event__content_attend"
style="vertical-align: middle; margin: 0; padding: 0; border: 0;"
>
<table
class="button btn-attend event__content_position"
style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: auto; margin: 0; padding: 0; border: 0;"
>
<tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"> <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
<tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
<td style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 20px 0 0; border: 0;" valign="baseline" align="left"> <td
style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 20px 0 0; border: 0;"
valign="baseline"
align="left"
>
<table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; margin: 0; padding: 0; border: 0;"> <table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; margin: 0; padding: 0; border: 0;">
<tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"> <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
<tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <tr
<td style="word-wrap: break-word; border-collapse: collapse; color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; font-weight: 500; line-height: 1.3; font-size: 16px; border-radius: 4px; margin: 0; padding: 0px; border: none;" valign="middle" bgcolor="3C376E" align="center"> style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"
<a href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)} style="color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; text-align: left; line-height: 14px; text-decoration: none; vertical-align: baseline; font-size: 20px; display: inline-block; border: 1px solid #3C376E; border-radius: 15px; white-space: nowrap; margin: 0; padding: 15px 25px; border: none;" target="_blank"> align="left"
>
<td
style="word-wrap: break-word; border-collapse: collapse; color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; font-weight: 500; line-height: 1.3; font-size: 16px; border-radius: 4px; margin: 0; padding: 0px; border: none;"
valign="middle"
bgcolor="3C376E"
align="center"
>
<a
href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)}
style="color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; text-align: left; line-height: 14px; text-decoration: none; vertical-align: baseline; font-size: 20px; display: inline-block; border: 1px solid #3C376E; border-radius: 15px; white-space: nowrap; margin: 0; padding: 15px 25px; border: none;"
target="_blank"
>
<%= gettext("Manage your participation") %> <%= gettext("Manage your participation") %>
</a> </a>
</td> </td>
@ -29,16 +56,38 @@
</table> </table>
</div> </div>
<% "event" -> %> <% "event" -> %>
<div class="event__content_attend" style="vertical-align: middle; margin: 0; padding: 0; border: 0;"> <div
<table class="button btn-attend event__content_position" style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: auto; margin: 0; padding: 0; border: 0;"> class="event__content_attend"
style="vertical-align: middle; margin: 0; padding: 0; border: 0;"
>
<table
class="button btn-attend event__content_position"
style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; width: auto; margin: 0; padding: 0; border: 0;"
>
<tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"> <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
<tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left">
<td style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 20px 0 0; border: 0;" valign="baseline" align="left"> <td
style="word-wrap: break-word; border-collapse: collapse; color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; margin: 0; padding: 20px 0 0; border: 0;"
valign="baseline"
align="left"
>
<table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; margin: 0; padding: 0; border: 0;"> <table style="border-spacing: 0; border-collapse: collapse; vertical-align: baseline; text-align: left; margin: 0; padding: 0; border: 0;">
<tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"> <tbody style="vertical-align: baseline; margin: 0; padding: 0; border: 0;">
<tr style="vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <tr
<td style="word-wrap: break-word; border-collapse: collapse; color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; font-weight: 500; line-height: 1.3; font-size: 16px; border-radius: 4px; margin: 0; padding: 0px; border: none;" valign="middle" bgcolor="3C376E" align="center"> style="vertical-align: baseline; margin: 0; padding: 0; border: 0;"
<a href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)} style="color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; text-align: left; line-height: 14px; text-decoration: none; vertical-align: baseline; font-size: 20px; display: inline-block; border: 1px solid #3C376E; border-radius: 15px; white-space: nowrap; margin: 0; padding: 15px 25px; border: none;" target="_blank"> align="left"
>
<td
style="word-wrap: break-word; border-collapse: collapse; color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; font-weight: 500; line-height: 1.3; font-size: 16px; border-radius: 4px; margin: 0; padding: 0px; border: none;"
valign="middle"
bgcolor="3C376E"
align="center"
>
<a
href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)}
style="color: rgb(255,255,255); font-family: Helvetica,Arial,sans-serif; text-align: left; line-height: 14px; text-decoration: none; vertical-align: baseline; font-size: 20px; display: inline-block; border: 1px solid #3C376E; border-radius: 15px; white-space: nowrap; margin: 0; padding: 15px 25px; border: none;"
target="_blank"
>
<%= gettext("Participate") %> <%= gettext("Participate") %>
</a> </a>
</td> </td>
@ -53,16 +102,33 @@
<% nil -> %> <% nil -> %>
<% end %> <% end %>
<%= if @event.description && @action != nil do %> <%= if @event.description && @action != nil do %>
<div class="event-working" style="vertical-align: baseline; margin: 0 0 0 10px; padding: 7.5px 0 15px; border: 0;"> <div
<p style="color: rgb(46,62,72); font-family: Helvetica,Arial,sans-serif; font-weight: 700; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0 0 7.5px; border: 0;" align="left"> class="event-working"
style="vertical-align: baseline; margin: 0 0 0 10px; padding: 7.5px 0 15px; border: 0;"
>
<p
style="color: rgb(46,62,72); font-family: Helvetica,Arial,sans-serif; font-weight: 700; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0 0 7.5px; border: 0;"
align="left"
>
<%= gettext("Details") %> <%= gettext("Details") %>
</p> </p>
<p class="event-working__detail" style="color: rgb(87,100,108); font-family: Helvetica,Arial,sans-serif; font-weight: 300; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <p
class="event-working__detail"
style="color: rgb(87,100,108); font-family: Helvetica,Arial,sans-serif; font-weight: 300; line-height: 1.5; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;"
align="left"
>
<%= process_description(@event.description) %> <%= process_description(@event.description) %>
</p> </p>
<%= if String.length(@event.description) > 200 do %> <%= if String.length(@event.description) > 200 do %>
<p style="color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;" align="left"> <p
<a href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)} style="color: rgb(254,56,89); font-family: Helvetica,Arial,sans-serif; font-weight: 400; text-align: left; line-height: 1.5; text-decoration: none; vertical-align: baseline; font-size: 16px; margin: 0; padding: 0; border: 0;" target="_blank"> style="color: rgb(10,10,10); font-family: Helvetica,Arial,sans-serif; font-weight: normal; line-height: 1.3; font-size: 16px; vertical-align: baseline; margin: 0; padding: 0; border: 0;"
align="left"
>
<a
href={Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid)}
style="color: rgb(254,56,89); font-family: Helvetica,Arial,sans-serif; font-weight: 400; text-align: left; line-height: 1.5; text-decoration: none; vertical-align: baseline; font-size: 16px; margin: 0; padding: 0; border: 0;"
target="_blank"
>
<%= gettext("Read more") %> <%= gettext("Read more") %>
</a> </a>
</p> </p>

46
lib/web/templates/email/password_reset.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "Password reset" %> <%= gettext("Password reset") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,19 +38,34 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("You requested a new password for your account on <b>%{instance}</b>.", instance: @instance_name) |> raw %> <%= gettext("You requested a new password for your account on <b>%{instance}</b>.",
instance: @instance_name
)
|> raw %>
</p> </p>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "Resetting your password is easy. Just press the button below and follow the instructions. We'll have you up and running in no time." %> <%= gettext(
"Resetting your password is easy. Just press the button below and follow the instructions. We'll have you up and running in no time."
) %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "If you didn't request this, please ignore this email. Your password won't change until you access the link below and create a new one." %> <%= gettext(
"If you didn't request this, please ignore this email. Your password won't change until you access the link below and create a new one."
) %>
</p> </p>
</td> </td>
</tr> </tr>
@ -57,9 +77,15 @@
<td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;"> <td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;">
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#474467"><a href={"#{Mobilizon.Web.Endpoint.url()}/password-reset/#{@token}"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #474467; display: inline-block;"> <td align="center" style="border-radius: 3px;" bgcolor="#474467">
<%= gettext "Reset Password" %> <a
</a></td> href={"#{Mobilizon.Web.Endpoint.url()}/password-reset/#{@token}"}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #474467; display: inline-block;"
>
<%= gettext("Reset Password") %>
</a>
</td>
</tr> </tr>
</table> </table>
</td> </td>

61
lib/web/templates/email/pending_participation_notification.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "A request is pending!" %> <%= gettext("A request is pending!") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,27 +38,55 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= ngettext "You have one pending attendance request to process for the following event:", "You have %{number_participation_requests} attendance requests to process for the following event:", @total, number_participation_requests: @total %> <%= ngettext(
"You have one pending attendance request to process for the following event:",
"You have %{number_participation_requests} attendance requests to process for the following event:",
@total,
number_participation_requests: @total
) %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
<%= render("participation/event_card.html", event: @event, timezone: @timezone, locale: @locale, action: nil) %> bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<%= render("participation/event_card.html",
event: @event,
timezone: @timezone,
locale: @locale,
action: nil
) %>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td bgcolor="#ffffff" align="center" style="padding: 20px 30px 30px 30px;"> <td bgcolor="#ffffff" align="center" style="padding: 20px 30px 30px 30px;">
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid) <> "/participations" }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <a
<%= gettext "Manage pending requests" %> href={
"#{Routes.page_url(Mobilizon.Web.Endpoint, :event, @event.uuid) <> "/participations"}"
}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("Manage pending requests") %>
</a> </a>
</td> </td>
</tr> </tr>
@ -64,9 +97,15 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "You are receiving this email because you chose to get notifications for pending attendance requests to your events. You can disable or change your notification settings in your user account settings under « Notifications »." %> <%= gettext(
"You are receiving this email because you chose to get notifications for pending attendance requests to your events. You can disable or change your notification settings in your user account settings under « Notifications »."
) %>
</p> </p>
</td> </td>
</tr> </tr>

41
lib/web/templates/email/registration_confirmation.html.heex
View file

@ -8,9 +8,14 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext "Nearly there!" %> <%= gettext("Nearly there!") %>
</h1> </h1>
</td> </td>
</tr> </tr>
@ -33,16 +38,28 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext("You created an account on <b>%{host}</b> with this email address. You are one click away from activating it.", host: @instance_name) |> raw %> <%= gettext(
"You created an account on <b>%{host}</b> with this email address. You are one click away from activating it.",
host: @instance_name
)
|> raw %>
</p> </p>
</td> </td>
</tr> </tr>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px;"
>
<p style="margin: 0"> <p style="margin: 0">
<%= gettext "If you didn't trigger this email, you may safely ignore it." %> <%= gettext("If you didn't trigger this email, you may safely ignore it.") %>
</p> </p>
</td> </td>
</tr> </tr>
@ -54,9 +71,15 @@
<td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;"> <td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;">
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"><a href={"#{ "#{Mobilizon.Web.Endpoint.url()}/validate/#{@token}" }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<%= gettext "Activate my account" %> <a
</a></td> href={"#{"#{Mobilizon.Web.Endpoint.url()}/validate/#{@token}"}"}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("Activate my account") %>
</a>
</td>
</tr> </tr>
</table> </table>
</td> </td>

161
lib/web/templates/email/report.html.heex
View file

@ -8,7 +8,12 @@
<![endif]--> <![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<tr> <tr>
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"> <td
bgcolor="#ffffff"
align="center"
valign="top"
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
>
<h1 style="font-size: 48px; font-weight: 400; margin: 0;"> <h1 style="font-size: 48px; font-weight: 400; margin: 0;">
<%= gettext("New report on <b>%{instance}</b>", instance: @instance_name) |> raw %> <%= gettext("New report on <b>%{instance}</b>", instance: @instance_name) |> raw %>
</h1> </h1>
@ -33,33 +38,67 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
<!-- COPY --> <!-- COPY -->
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= if @report.reporter.type == :Application and @report.reporter.preferred_username == "relay" do %> <%= if @report.reporter.type == :Application and @report.reporter.preferred_username == "relay" do %>
<%= gettext("Someone on <b>%{instance}</b> reported the following content for you to analyze:", instance: @report.reporter.domain) |> raw %> <%= gettext(
"Someone on <b>%{instance}</b> reported the following content for you to analyze:",
instance: @report.reporter.domain
)
|> raw %>
<% else %> <% else %>
<%= gettext("<b>%{reporter}</b> reported the following content.", reporter: Mobilizon.Actors.Actor.display_name_and_username(@report.reporter)) |> raw %> <%= gettext("<b>%{reporter}</b> reported the following content.",
reporter: Mobilizon.Actors.Actor.display_name_and_username(@report.reporter)
)
|> raw %>
<% end %> <% end %>
</p> </p>
</td> </td>
</tr> </tr>
<%= if @report.reported do %> <%= if @report.reported do %>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<%= if @report.reported.type == :Group do %> <%= if @report.reported.type == :Group do %>
<h3><%= gettext "Group reported" %></h3> <h3><%= gettext("Group reported") %></h3>
<a href={"#{ "#{Mobilizon.Web.Endpoint.url()}/@#{Mobilizon.Actors.Actor.preferred_username_and_domain(@report.reported)}" }"} target="_blank"> <a
href={
"#{"#{Mobilizon.Web.Endpoint.url()}/@#{Mobilizon.Actors.Actor.preferred_username_and_domain(@report.reported)}"}"
}
target="_blank"
>
<b><%= Mobilizon.Actors.Actor.display_name_and_username(@report.reported) %></b> <b><%= Mobilizon.Actors.Actor.display_name_and_username(@report.reported) %></b>
</a> </a>
<% else %> <% else %>
<h3><%= gettext "Profile reported" %></h3> <h3><%= gettext("Profile reported") %></h3>
<b><%= Mobilizon.Actors.Actor.display_name_and_username(@report.reported) %></b> <b><%= Mobilizon.Actors.Actor.display_name_and_username(@report.reported) %></b>
<% end %> <% end %>
</p> </p>
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width: 100% !important;"> <table
cellspacing="0"
cellpadding="0"
border="0"
width="100%"
style="width: 100% !important;"
>
<tr> <tr>
<td align="left" valign="top" width="600px" height="1" style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"><!--[if gte mso 15]>&nbsp;<![endif]--></td> <td
align="left"
valign="top"
width="600px"
height="1"
style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"
>
<!--[if gte mso 15]>&nbsp;<![endif]-->
</td>
</tr> </tr>
</table> </table>
</td> </td>
@ -67,16 +106,40 @@
<% end %> <% end %>
<%= if Map.has_key?(@report, :event) and @report.event do %> <%= if Map.has_key?(@report, :event) and @report.event do %>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0;"> <p style="margin: 0;">
<h3><%= gettext "Event" %></h3> <h3><%= gettext("Event") %></h3>
<a href={"#{ "#{Mobilizon.Web.Endpoint.url()}/events/#{@report.event.uuid}" }"} target="_blank"> <a
<%= gettext "%{title} by %{creator}", title: @report.event.title, creator: Mobilizon.Actors.Actor.preferred_username_and_domain(@report.reported) %> href={"#{"#{Mobilizon.Web.Endpoint.url()}/events/#{@report.event.uuid}"}"}
target="_blank"
>
<%= gettext("%{title} by %{creator}",
title: @report.event.title,
creator: Mobilizon.Actors.Actor.preferred_username_and_domain(@report.reported)
) %>
</a> </a>
</p> </p>
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width: 100% !important;"> <table
cellspacing="0"
cellpadding="0"
border="0"
width="100%"
style="width: 100% !important;"
>
<tr> <tr>
<td align="left" valign="top" width="600px" height="1" style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"><!--[if gte mso 15]>&nbsp;<![endif]--></td> <td
align="left"
valign="top"
width="600px"
height="1"
style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"
>
<!--[if gte mso 15]>&nbsp;<![endif]-->
</td>
</tr> </tr>
</table> </table>
</td> </td>
@ -84,16 +147,34 @@
<% end %> <% end %>
<%= if Map.has_key?(@report, :comments) && length(@report.comments) > 0 do %> <%= if Map.has_key?(@report, :comments) && length(@report.comments) > 0 do %>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
<h3><%= gettext "Flagged comments" %></h3> bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<h3><%= gettext("Flagged comments") %></h3>
<%= for comment <- @report.comments do %> <%= for comment <- @report.comments do %>
<p style="margin: 0;"> <p style="margin: 0;">
<%= Mobilizon.Service.Formatter.HTML.strip_tags(comment.text) %> <%= Mobilizon.Service.Formatter.HTML.strip_tags(comment.text) %>
</p> </p>
<% end %> <% end %>
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width: 100% !important;"> <table
cellspacing="0"
cellpadding="0"
border="0"
width="100%"
style="width: 100% !important;"
>
<tr> <tr>
<td align="left" valign="top" width="600px" height="1" style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"><!--[if gte mso 15]>&nbsp;<![endif]--></td> <td
align="left"
valign="top"
width="600px"
height="1"
style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"
>
<!--[if gte mso 15]>&nbsp;<![endif]-->
</td>
</tr> </tr>
</table> </table>
</td> </td>
@ -101,14 +182,32 @@
<% end %> <% end %>
<%= if Map.has_key?(@report, :content) do %> <%= if Map.has_key?(@report, :content) do %>
<tr> <tr>
<td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td
bgcolor="#ffffff"
align="left"
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
>
<p style="margin: 0"> <p style="margin: 0">
<h3><%= gettext "Reasons for report" %></h3> <h3><%= gettext("Reasons for report") %></h3>
<%= @report.content |> raw %> <%= @report.content |> raw %>
</p> </p>
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width: 100% !important;"> <table
cellspacing="0"
cellpadding="0"
border="0"
width="100%"
style="width: 100% !important;"
>
<tr> <tr>
<td align="left" valign="top" width="600px" height="1" style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"><!--[if gte mso 15]>&nbsp;<![endif]--></td> <td
align="left"
valign="top"
width="600px"
height="1"
style="background-color: #f0f0f0; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"
>
<!--[if gte mso 15]>&nbsp;<![endif]-->
</td>
</tr> </tr>
</table> </table>
</td> </td>
@ -122,9 +221,17 @@
<td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;"> <td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;">
<table border="0" cellspacing="0" cellpadding="0"> <table border="0" cellspacing="0" cellpadding="0">
<tr> <tr>
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E"><a href={"#{ Routes.page_url(Mobilizon.Web.Endpoint, :moderation_report, @report.id) }"} target="_blank" style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"> <td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
<%= gettext "View report" %> <a
</a></td> href={
"#{Routes.page_url(Mobilizon.Web.Endpoint, :moderation_report, @report.id)}"
}
target="_blank"
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
>
<%= gettext("View report") %>
</a>
</td>
</tr> </tr>
</table> </table>
</td> </td>

38
lib/web/templates/error/500_page.html.heex
View file

@ -1,10 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang={"#{@locale}"}> <html lang={"#{@locale}"}>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title><%= gettext "This page is not correct" %></title> <title><%= gettext("This page is not correct") %></title>
<style> <style>
body.error { body.error {
font-family: BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, Segoe UI, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-family: BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, Segoe UI, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
@ -47,18 +47,32 @@
<!-- <img src="/img/error.png" alt="" width="500" /> --> <!-- <img src="/img/error.png" alt="" width="500" /> -->
</div> </div>
<div class="error__message"> <div class="error__message">
<h1><%= gettext "We're sorry, but something went wrong on our end." %></h1> <h1><%= gettext("We're sorry, but something went wrong on our end.") %></h1>
<p> <p>
<%= gettext("The Mobilizon server %{instance} seems to be temporarily down.", instance: "<b>#{@instance}</b>") |> raw %><br /> <%= gettext("The Mobilizon server %{instance} seems to be temporarily down.",
instance: "<b>#{@instance}</b>"
)
|> raw %>
<br />
<%= if is_nil(@contact) do %> <%= if is_nil(@contact) do %>
<%= gettext("If the issue persists, you may try to contact the server administrator.") %> <%= gettext("If the issue persists, you may try to contact the server administrator.") %>
<% else %> <% else %>
<%= gettext("If the issue persists, you may contact the server administrator at %{contact}.", contact: cond do <%= gettext(
String.contains?(@contact, "@") -> "<a href=\"mailto:#{@contact}\">#{@contact}</a>" "If the issue persists, you may contact the server administrator at %{contact}.",
String.match?(@contact, ~r/^https?:\/\/.*/) -> "<a href=\"#{@contact}\">#{@contact}</a>" contact:
true -> @contact cond do
end) |> raw %> String.contains?(@contact, "@") ->
"<a href=\"mailto:#{@contact}\">#{@contact}</a>"
String.match?(@contact, ~r/^https?:\/\/.*/) ->
"<a href=\"#{@contact}\">#{@contact}</a>"
true ->
@contact
end
)
|> raw %>
<% end %> <% end %>
</p> </p>
</div> </div>
@ -68,7 +82,7 @@
<summary style="font-size: 1.25rem;"><%= gettext("Technical details") %></summary> <summary style="font-size: 1.25rem;"><%= gettext("Technical details") %></summary>
<pre> <pre>
<%= for detail <- @details do %> <%= for detail <- @details do %>
<%= detail %><br> <%= detail %><br />
<% end %> <% end %>
</pre> </pre>
</details> </details>

9
lib/web/templates/export/event_participants.html.heex
View file

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" />
<style> <style>
table { table {
border: 1px solid #bdbdbd; border: 1px solid #bdbdbd;
@ -113,8 +113,8 @@ th {
page-break-inside: avoid; page-break-inside: avoid;
} }
} }
</style> </style>
<%# <title><%= gettext("Participants for %{event}") ></title> %>
</head> </head>
<body> <body>
<h1><%= gettext("Participants for %{event}", event: @event.title) %></h1> <h1><%= gettext("Participants for %{event}", event: @event.title) %></h1>
@ -130,7 +130,10 @@ th {
<dd><%= render_address(@event.physical_address) %></dd> <dd><%= render_address(@event.physical_address) %></dd>
<% end %> <% end %>
<dt><%= gettext("Number of participants") %></dt> <dt><%= gettext("Number of participants") %></dt>
<dd><%= @event.participant_stats.participant + @event.participant_stats.moderator + @event.participant_stats.administrator + @event.participant_stats.creator %></dd> <dd>
<%= @event.participant_stats.participant + @event.participant_stats.moderator +
@event.participant_stats.administrator + @event.participant_stats.creator %>
</dd>
</dl> </dl>
<table> <table>
<thead> <thead>